本地项目安装vue-cli2跟vue-cli3

一般习惯都是安装全局的vue-cli，但是如果想2跟3都可以在本地用起来，那么你就要选择安装在你的本地项目中了！

本地项目安装vue-cli

1、想要在本地项目中安装vue-cli，首先就要把全局的vue-cli给卸载掉。

1、npm uninstall vue-cli -g    (2.x版本全局卸载）
2、npm uninstall @vue/cli -g   (3.x版本全局卸载）

卸载之后，执行Vue -V查看电脑上是否已经卸载完了，如果还出现版本号，就是没卸载！

2、用命令行进入你的项目（我一般是用git，直接在我的项目那点击鼠标右键，然后Git Bash Here，很方便），然后安装vue-cli，命令是npm install vue-cli，如果是想安装3.0的，命令是npm install @vue/cli（重点注意，你安装的是本地项目的脚手架，不是全局，不要加上-g，你要是命令敲成了npm install -g xxx，这是全局安装了！！！）

安装好之后，用vscode打开你的项目，打开vscode的终端，按照下面的查看你vue-cli的版本！（为什么不继续用git演示，因为我才疏学浅，用git执行cd进到.bin就没办法下一步了！）建议自己找个自己熟悉的命令行工具！

.\node_modules\.bin\vue.cmd -V

本地全局配置vue-cli2跟vue-cli3

其实完成了上面的步骤，你的项目就可以跑了，但是你也可以继续下面的，选择再配置个全局环境变量！

1、打开你项目找到这两个文件，改掉命名，比如说你的是2.x的脚手架，可以改成vue2跟vue2.cmd，看各自喜欢

2、右键我的电脑--属性--高级系统设置--环境变量，然后新建，找到系统变量下的Path，然后编辑，在最后加上;%VUE_CLI2%(%%里面包裹的是你刚才新建时定义的变量名)

【强调一点：win10的系统找到Path后点击编辑出现的窗是不一样的】

3、重启，是的，你没看错，重启电脑！然后就可以直接这么查询你的版本好了，3.x版本的设置一样的，命名不要相同就可以了！

 

附上朋友写的教程：https://blog.csdn.net/Jioho_chen/article/details/90455778