可能你会遇到公司用Vue2开发的项目，你想用用vue3，当你兴冲冲的去安装vue-cli3的时候，会发现提示你要先卸载vue-li2,才能安装，这时的你是不是一脸懵逼😂，因为cli2与cli3不能一起使用，下面是一种可以解决二者共存的办法，且可以全局使用。（仅供参考）
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
| 1、找个地方创建空文件夹（vue-cli2，vue-cli3)
2、终端cd分别进入这两个文件初始化 npm init后，
vue2 执行npm install vue-cli@2.9.6
vue3 执行npm install @vue/cli
3、vscode(没有vscode,使用快捷键shift+command+.显示隐藏文件夹)修改文件node_modules下.bin 文件夹内vue文件分别改为vue(vue2不需要改，因为初始化vue2 init webpack projectName 创建,会vue2 init报错，所以直接用vue代替vue2)、vue3
4、终端输入open .zshrc，添加如下：(终端进入vue-cli2/vue-cli3，输入pwd即可查看路径)
export PATH=安装vue2文件夹的路径/node_modules/.bin:$PATH
export PATH=安装vue3文件夹的路径/node_modules/.bin:$PATH
保存后，需要执行source生效 source ~/.zshrc
通过下面的命令查看是否添加成功 echo $PATH
（
网上也有open -e .bash_profile 然后执行 source ~/.bash_profile 亲测，当时有效，重启终端查看版本就失效了，
经过查询，原来现在Mac的默认环境已经改成了zsh，而它加载的是~/.zshrc 文件，但在 .zshrc 中并没有定义任务环境变量。
所以最直接的解决办法是
在 ~/.zshrc 文件最后增加一行加上: source ~/.bash_profile
首先在终端命令行执行 open .zshrc
如果提示没有 .zshrc 文件，则 执行 touch .zshrc 创建文件，再添加 source ~/.bash_profile
这样再重启电脑，配置的环境变量就自动生效了
还不如直接在.zshrc里添加
）
5、查看版本 vue3 -V / vue -V
6、这样就可以全局使用了，
创建项目：
vue-cli2: vue init webpack projectName
vue-cli3: vue3 create projectName
|
是不是使用windows的小伙伴也想拥有呢，那就继续往下看
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
| 前面基本都一样，就是配置环境不一样而已
右键我的电脑 --> 属性 --> 高级系统设置 --> 下面 环境变量 -->点击 新建
变量名：VUE_CLI3
变量值：目录就是我们安装vue的目录，而且找到.bin文件夹 D:\路径\..\路径\vue_cli3\node_modules\.bin
变量名：VUE_CLI2
变量值：目录就是我们安装vue的目录，而且找到.bin文件夹 D:\路径\..\路径\vue_cli2\node_modules\.bin
都创建完后 ，最后修改Path变量
这一步才是最重要的
先找到Path的位置（这个不能新建，每台电脑都有的，下面的系统变量里的path）、然后点编辑
win10电脑下就直接在空白栏双击，然后填入刚才我们设置的变量名，保存、注意有 %%包着的 ，即：%VUE_CLI2% 和 %VUE_CLI3%
如果不是win10的电脑
编辑Path的时候。可以移到路径的输入框的最后面
然后输入 ;%VUE_CLI2%;%VUE_CLI3%
【重点】 win10以下的电脑环境变量是以 ; 分开的，所以不要漏了
最后。重启电脑就行了
打开终端，输入vue3 -V / vue -V 查看版本
创建项目也是一样：
vue-cli2: vue init webpack projectName
vue-cli3: vue3 create projectName
|
