精读VueCli《0》

官方文档

首先，我们从github上下载其源码。

想要了解一个工具的原理，我们可以从它怎么用开始去挖掘：

我们知道，使用vue-cli时，我们会将其安装成全局依赖，并执行 vue create xxx 来构建一个新的vue原型项目工程，并且vue-cli提供了许多其他的命令来支持项目开发。

我们翻开代码，可以发现packages中有以下三个包，凭借着多年开发的经验，不得而知，@vue是我们需要重点关注的文件夹：

@vue/cli/bin/vue.js 该文件是所有vue相关命令的集成，打开该文件：

我们似乎找到了vue create命令的来源

在这个文件中，采用了第三方的库有：

• chalk           -控制台打印
• semver        -版本号

• leven           -比对两个字符串，用于根据用户输入来进行相关的提示：例如当用户输入 run sttart  ，工具会提示用户是否是想输入run start

• slash           -将windows反斜杠路径转换为斜杠路径 ： foo\\bar ➔ foo/bar

• minimist      -分析参数选项 ：npm run xxx -b 1 ➔ require('minimist')(process.argv.slice(2));  ➔  {_:[], b:1}

知道了这些第三方库分别的作用，我们将开始分析该文件，相信深入挖掘该文件后，你对vue的了解将更进一步！