概述
我们在理解 Vue CLI 之前要理解一下什么是脚手架。
当我们编写一些项目时，我们有一个固定的规范，对项目进行很多配置。当我们新建项目时，为了维持这种规范，就需要重新进行配置。这样的规范性能更好的让我们进行工程化。比如我们在写 vue 项目时，我们有我们需要的插件，我们需要对这些插件进行一定的配置，才可以使用，如 webpack。但是我们每一个项目都会进行这样的配置，这样就耗费了我们太多的时间。于是脚手架就诞生了，脚手架允许我们根据自己的配置，来自动的构建工程化项目的文件。 让程序员更快的进入代码的编写，而不是来回调一些配置参数。
Vue CLI 就是为我们提供了一些 CLI 命令，允许我们根据自己的选择 基于 webpack 快速生成我们的项目文件。就像 Vue CLI 官网说的那样：程序员可以专注在撰写应用上，而不必花好几天去纠结 webpack 配置的问题。
具体信息参考 Vue CLI 中文官网：cli.vuejs.org/zh
安装和使用
- Vue CLI 需要进行全局安装
npm install -g @vue/cli
- 基于 Vue CLI 快速构建工程化的 Vue 项目
vue create 项目的名称
Vue 项目的运行流程
在工程化的项目中，vue 要做的事情很单纯：通过 main.js 把 App.vue 渲染到 index.html 的指定区域中。
其中：
- App.vue 用来编写待渲染的模板结构
- index.html 中需要预留一个 el 区域
- main.js 把 App.vue 渲染到了 index.html 所预留的区域中
\
