初步分析vue/cli脚手架的原理

---

前言

在使用vue脚手架创建项目时，你可能疑惑，为什么vue命令能像npm命令那样在命令行里执行，他的执行经历了什么步骤，本文就带你解答这些疑问。

//使用vue命令创建项目
vue create vue-test-app

---

vue命令解析过程

在我们安装vue脚手架后，会产生一个vue脚本，并把该命令加入到环境变量中，vue命令指向一个 js 文件。

npm install -g @vue/cli

我由于安装了nvm，因此nvm其实就npm的环境变量。nvm下有vue执行脚本。
此图片为windows下的链接，指向一个js文件：
这是vue.js文件

在执行命令时，会在环境变量中查找是否有vue这个命令，发现node下有个vue命令，执行bin下的vue命令

注意：决定是使用vue/cli create vue-test-app 还是vue create vue-test-app的不是vue.cmd这个文件，而是package.json中配置的bin字段，vue.cmd只是最后打包生成的软链接（在安装vue时由npm自动生成）。换而言之，软链接是否生成由package.json文件的bin属性决定。