4.1.Vue-cli源码结构说明.md

vue-cli 简介

• Vue CLI是Vue.js开发的标准工具，致力于将 Vue 生态中的工具基础标准化。

vue-cli 源码结构

• 我们使用git工具下载最新的vue源码(https://github.com/vuejs/vue-cli.git)。 目前最新的版本4.0.0，后面的代码分析都使用该版本。

• 我们先大致看一下vue-cli项目的目录结构：

• 对目录的一些简要说明如下：

├ .circleci
├ .github
├ __mocks__
├ docs       // 文档目录
├ packages   // 包目录
└ scripts    // 源码目录 

• 其中我们重点要分析的就是scripts源码目录代码。

vue 解析要点

• 这里我们只看vue-cli项目的scripts源码目录：

• 对目录文件的一些简要说明如下：

scripts
│
├─ bootstrap.js          //入口
├─ buildEditorConfig.js  //生成配置
├─ checkLinks.js         //检查链接
├─ genChangelog.js       //生成changelog
├─ markVersions.js       //标记版本信息
├─ patchChromedriver.js  //
├─ release.js            //
├─ syncDeps.js           //
├─ test.js               //
├─ testSetup.js          //
└─ verifyCommitMsg.js    //校验输入信息

相关

• https://blog.csdn.net/ABAP_Brave/article/details/84930286
• https://github.com/wukongtime/vue-cli-note
• https://blog.csdn.net/sinat_17775997/article/details/84099731
• https://kuangpf.com/vue-cli-analysis/create/overall-analysis.html
• https://shiningdan.github.io/2018/09/01/Vue-CLI-%E7%9B%B8%E5%85%B3%E5%BA%93%E6%BA%90%E7%A0%81%E8%A7%A3%E6%9E%90/