一、脚手架简介
脚手架本质是一个操作系统的客户端，它通过命令执行，比如：
vue create vue-test-app
上面这条命令由三个部分组成：
- 主命令：
vue - command:
create - command的params：
vue-test-app
它表示创建一个vue项目，项目的名称为vue-test-app，这是一个较为简单的脚手架命令，但实际场景往往更佳复杂，比如： 当前目录已经有文件了，我们需要覆盖当前目录下的文件，强制进行安装vue项目，此时我们就可以输入：
Vue create vue-test-app --force
这里的--force叫做option，用来辅助脚手架确认在特定场景下用户的选择（可以理解为配置）。还有一种场景：
通过vue create创建项目时，会自动执行npm install帮用户安装依赖，如果我们希望使用淘宝源来安装，可以输入命令：
vue create vue-test --force -r registry.npm.taobao.org
这里的-r也叫做option，它与--force不同的是它使用-，并且使用简写，这里的-r也可以替换成--registry，有的人就要问了，为什么我会知道这个命令，其实我们输入下面的命令就可以看到vue create支持的所有options：
二、脚手架的执行原理
-
终端输入
vue create vue-test -
终端解析出
vue命令 -
终端在环境变量中找到
vue命令（相当于执行 which vue） -
终端根据
vue命令链接到实际文件vue.js -
终端利用
node执行vue.js -
vue.js解析 command/options -
vue.js执行 command -
执行完毕，退出执行
# 通过以下命令，可以查询指令的路径
➜ / which vue
/usr/local/bin/vue
# 来到bin目录下，可以发现这些都是我们安装的全局依赖
➜ / cd /usr/local/bin/
# 通过 ll 命令
➜ bin ll
# 首字母 l 表示软链接，link的意思，可以看到它实际指向了 ../lib/node_modules/@vue/cli/bin/vue.js 这才是 vue 指令的真身
lrwxr-xr-x 1 lijunjun admin 39B 3 22 13:32 vue -> ../lib/node_modules/@vue/cli/bin/vue.js
三、从应用的角度看如何开发一个脚手架
这里以 vue-cli 为例
- 开发
npm项目，该项目中应包含一个bin/vue.js文件，并将这个项目发布到npm - 将
npm项目安装到node的lib/node_modules - 在
node的bin目录下配置vue软链接指向lib/node_modules/@vue/cli/bin/vue.js这样我们在执行vue命令的时候就可以找到vue.js进行执行
四、还有疑问需要解答
- 为什么全局安装
@vue/cli后会添加的命令为vue?
npm install -g @vue/cli
- 全局安装
@vue/cli时发生了什么？ - 为什么
vue指向一个 js 文件，我们却可以通过vue命令去执行它？
