是的，到目前为止，webpack已经完美落幕了！先给自己奖励三朵小花花❀❀❀
相信很多接触过Vue的同胞们都见过cli这个词，那它到底是什么东西呢，下面就由小编来为大家拨开神秘的面纱吧O(∩_∩)O哈哈
一、基础知识
1.神秘面纱一：从哪里来【产生背景】
如果我们去家里附近的地方，肯定什么都不用考虑直接说走就走，因为太过熟悉，熟悉到会觉得周围很小。
但是如果我们像《送东阳马生序》的作者宋濂一样背井离乡求学，为了避免行深山巨谷之时，足肤皲裂而不知至舍，四支僵劲不能动的情况，肯定要做好万全的准备。我们需要对离家范围大小不同而做不同的准备。
同样的，当我们只是简单的写几个Vue的简单程序，根本不需要用cli，杀鸡焉用牛刀说的就这个理。
相反，如果用Vue开发大项目时，需要考虑很多的因素，比如代码目录结构、项目结构、热加载代码单元测试等事情。这么繁琐的工作，人为去办不仅效率低，还容易犯错误，因此我们需要一个东西来自动帮我们完成繁琐的工作，这个东西就是cli。
2.神秘面纱二：你是谁【定义】
cli 是Command-line interface的简称，译为命令行界面，俗称“脚手架”。使用脚手架可以帮助我们快速搭建Vue开发环境和对应的webpack配置。
就好像盖房子，工人们要先搭好很多的竹子，这些竹子就是工程界的脚手架，工人们根据脚手架搭建的模样来新新房子(✿◡‿◡)
3.神秘面纱三：你和谁一起来【使用时要依赖谁】
脚手架会生成webpack相关 的配置，而webpack又依赖于node，所以脚手架在使用的前提是要安装好node和webpack。
4.神秘面纱四：你要怎么来【使用】
① 安装:npm install -g @vue/cli
要注意的是，上面安装的是Vue Cli3的版本。如果想要按照Vue cli2的方式初始化项目是不允许的，只能把cli2的模板拉过来才可以使用：npm install@vue/cli-init -g。这个时候即可以使用cli3和可以运行cli2o(￣︶￣)o
②初始化项目
cli3：vue creat 项目名
cli2：vue init webpack 项目名
下面小编来讲讲有关cli创建项目时需要那些东西
二、cli2初始化项目
1.初始化项目：vue init webpack 项目名
2.项目名：Project name
直接按回车，默认和上一步初始化项目时的项目名一样，也可以自行另外取个名字。小编直接按回车，生成下面效果：
3.项目的描述：project description
默认的项目描述信息是 A vue.js project 。也可以自行修改。小编直接按照默认项目描述信息，生成下面效果：
4.Author:作者
默认显示的是配置在 gitconfig文件下的作者信息。同理，如果不想默认，可以自行修改。小编修改后的效果如下所示：
5.项目的构建： Vue build
Runtime Compiler 和Runtime-only 前面小编已经讲过两者的区别，这里不再重复叙述。小编选择安装Runtime Compiler ，效果如下：
6.路由： vue-touter
如果在此处安装了路由，后期用到路由时就不需要安装了，但是有关路由的信息小编还有待提高(✿◡‿◡)，所以这里选择不安装路由：
7.代码规范：ESLint
这个参数的意思是如果选用了ESLint代码规范的话，今后在编写代码的时候，代码不够规范也是会报错的，这里小编选择不使用【还是有信心觉得自己的代码够规范的O(∩_∩)O哈哈】
8.单元测试：unit test
嗯...小编只是想安安静静的做个敲代码的美女子，所以测试就不做啦
9.端到端测试：e2e
嗯...小编觉得还是不需要进行端到端的测试
10.管理项目
这句话的意思是，今后在管理自己项目的时候，是想用npm 还是yarn还是自己写的。我们选择npm。
经过前面的10 个步骤，我们就完成了用cli2初始化项目的基本步骤啦
今天的分享就到这里了哟，谢谢大家❤❤
