前言
比较熟悉Vue的同学应该知道（偶是Vue的骨灰粉~），Vuecli2与Vuecli3是有区别的。不仅初始化项目的命令不同了，连Label，Webpack这工具进行了大版本的升级依赖，Webpack更是用了内嵌的方式依赖了，其中Webpack从三升级到了四版本是我觉得挺大的一个变动的。这个变动倒不是Vue本身，在于Webpack，详情可以去看Webpack4文档咯。传送门（其实在我写这篇文章的时候，Webpack5已经出来试水了，害，学不动了学不动了） 好了，说重点！！！ 本次要讲的是Vuecli3在配置这方面的改动，贴两张图，看看这两个版本创建的项目结构有啥不同。
vuecli3项目相比2来说，主要就是少了很多文件目录了，连我们在常用的config文件夹也没有了。好吧，其实我想讲的就是Vuecli3在配置这方面改动很大，我们对于Webpack的配置可以通过在根目录下新建vue.config.js文件来配置，详情自己去看。传送门
PS：vuecli2与vuecli3的初始化项目命令（没错，我就是怕你们连这点都记不住~）
vue init webpack 项目名
vue create 项目名
总结：反正就是记住vuecli2与vuecli3初始化生成的vue项目是不同的就行。-.-
先秀一下我电脑本地的Vuecli版本
Em...花里胡哨？博主装那么多版本干什么？有什么用？（请忽视红色提示，纯属node版本太低，赖得去升级而已） 别急，亲，先不管有没有用，就算没有用，你不好奇我怎么装上怎么多版本的嘛？嘿嘿~ 好吧，就是不好奇，随便看看也可以吧，哼。（傲娇-.-）
废话讲完了，下面直接上才艺
- 1、找个地方先创建两个文件
-
2、进入vuecli2文件夹，安装vue-cli2.x
'@'符号后面是版本号，你可以选择你想要的2.x.x版本，注意不能选择3以上版本，要不然会报错，因为vuecli3，将vue-cli名称变成了@vue/cli。
-
3、安装成功后，会有一个node_modules文件夹，可以验证一下 我们进入bin文件夹，目录为
G:\vuecli\vuecli2\node_modules\.bin，在该目录下执行命令。如果能看到对应的版本号，那就说明你安装成功了。
-
4、进入vuecli3文件，安装@vue/cli3.x 呃，基本都上面安装2的操作一样的，唯一不同的就是命令不一样
npm install @vue/cli@4.1.2安装成功后，可以和上面步骤3一样验证一下。 随便提一下，进入.bin目录，你会发现它和vuecli2的.bin目录不太一样，多了很多文件，其中主要的还是在局部默认安装了yarn。Em....有点奇怪。
-
5、修改cmd命令名称，主要是为了方便区分 我们进入.bin目录，将原来的vue文件和vue.cmd文件的名称修改成我们想要的名称。如：
-
6、配置电脑的环境变量 以win7系统为例： 一、打开控制面板-系统和安全-系统-高级系统设置-环境变量-新建一个系统变量-输入对应的变量名和变量值。变量名可以随便取，变量值为.bin的目录路径。
二、在下面系统变量添加好两个系统变量-在上面的用户变量找到PATH项-点击编辑-在变量值添加刚刚添加的两个变量名，记得用% %包起来-最后点击确定就可以了。
-
7、测试、使用 大致完成上面六个步骤后，你的电脑上就存在了vuecli2.x与vuecli3.x两个版本了，我们可以通过命令测试一下，随便找个路径，在该路径下执行以下命令：
如果出现了对应的版本号就说明你成功了，大功告成，以后就能愉快的玩耍了。
用Vuecli初始化Vue3项目
由于我安装的Vuecli3选择的版本是4.1.2的，这个版本初始化Vue项目，所用的Vue依赖还不是Vue3版本的。如果想要安装新版本Vue的话，有两种选择，要么去升级Vuecli3，要么再安装一种Vuecli版本，然后我选择了后者，为什么？方便！！！
直接在cmd执行命令npm install -g @vue/cli就行了，然后查询一下版本号：
成功后，通过
Vue create 项目名 命令就能创建Vue3项目了
踩坑
坑一
如果你在完成了上面这些步骤后，执行命令还是报错 'vuecli2' 不是内部或外部命令，也不是可运行的程序或批处理文件。 那么你可以尝试关掉cmd窗口，再换个路径打开。 或者重启电脑试试，可能是环境变量还没生效。
PS：小白初文，文笔不好，望大佬轻喷，俺只是单纯为了混缸子来的而已。
