Skip to content

Latest commit

 

History

History
52 lines (41 loc) · 2.02 KB

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

File metadata and controls

52 lines (41 loc) · 2.02 KB
Raw

vue-cli 简介

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

vue-cli 源码结构

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

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

vue-cli 项目目录结构

  • 对目录的一些简要说明如下：
├ .circleci
├ .github
├ __mocks__
├ docs       // 文档目录
├ packages   // 包目录
└ scripts    // 源码目录
  • 其中我们重点要分析的就是scripts源码目录代码。

vue 解析要点

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

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    //校验输入信息

相关