vue-cli脚手架分析

前言

vue脚手架是帮助用户快速搭建vue模板化、模块化开发的一套命令程序，可根据需要生成相应的模板，用户可以直接在基础模板上开发，省去了用户自搭模板的工序提高开发效率。
本文不教授如何使用脚手架搭建项目，旨在分析脚手架然后实现自己的脚手架搭建模板。

开始

要分析他的实现原理可以到git仓库上把源码clone下来并安装依赖。

1
2
3
4
5
6

# 克隆仓库
$ git clone https://github.com/vuejs/vue-cli
# 切换目录
$ cd vue-cli
# 安装依赖
$ npm install

之后打开bin文件夹，这个文件夹是执行vue脚手架的命令如，vue init、vue buil、vue list等.
打开之后可以看到有四个文件vue、vue-build、vue-list、vue-init。这几个文件对应的可执行的node脚本程序，对应实现命令功能如下：

• vue:
• vue-build:
• vue-init: 初始化模板。
• vue-list: 罗列所有项目模板。

• ← Previous Post
• Next Post →