vue-cli源码分析

一、环境准备

首先去github下载vue-cli的源码，本文下载的版本是v4.5.15。

二、入口

本文分析的是@vue/cli模块，文件夹路径为"packages/@vue/cli"，我们需要先找到入口文件，打开package.json文件，可以看到我们的入口文件为bin/vue.js

"bin": {
    "vue": "bin/vue.js"
}

若我们想要进行本地调试，则在"packages/@vue/cli"文件夹下运行npm link创建软连接即可。

三、分析

打开packages/@vue/cli/bin/vue.js文件，我们可以看到该文件采用commander注册了一系列的命令，也就是我们在终端运行vue可以看到的：

1、vue-cli源码分析之config命令
2、vue-cli源码分析之info命令
3、vue-cli源码分析之upgrade命令

本文持续更新中。