# 一. 安装多个vue-cli
在系统任意位置通过npm install安装两个版本vue-cli,这里以3.11.0和4.2.3举例。
## 1.系统已经全局安装了3.11.0版本
![](https://img.kancloud.cn/35/4e/354e7d7e6926fc80bcc053f4177d5251_295x59.png)
## 2. 局部安装vue-cli 4.2.3
执行局部安装命令npm install @vue/cli(局部安装,即命令不要写-g)
![](https://img.kancloud.cn/96/ba/96ba7a7c4211fe1da34347fc8c2828ff_732x147.png)
## 3. 安装完之后进入修改文件
node_modules/.bin文件夹下,找到vue.cmd和vue连个文件,更改名字为vue4(也就是脚本命令名称,配置系统变量后cmd中输入vue4就是执行的这里的脚本)
![](https://img.kancloud.cn/38/b8/38b899644d529ed05380aa55d50b2766_732x142.png)
# 二. 系统变量配置
安装以下图片内容进行配置即可
![](https://img.kancloud.cn/7c/c6/7cc684ef699f095414299f35bf34964e_252x252.png)
![](https://img.kancloud.cn/16/a8/16a8d005c4a0a1f8f4fbd19cd07ad3e6_732x324.png)
![](https://img.kancloud.cn/37/15/3715871b066a26ab65c7bcc63143d747_475x597.png)
![](https://img.kancloud.cn/d8/56/d856f6d9832266e4488563a807369d6a_613x597.png)
![](https://img.kancloud.cn/41/b2/41b2e9ff89ab18f7955452a28d188ea3_675x191.png)
新建成功后就会增加一行配置
![](https://img.kancloud.cn/bf/3f/bf3f5cc53f6e3089c11c5fd05088f135_598x278.png)
然后双击Path,点击新建,输入刚才填写的环境变量名称,名称前后加上百分(这是重点)
![](https://img.kancloud.cn/95/a8/95a8066356ea99c44520f87f901dd1ef_732x528.png)
# 三、测试是否配置成功
![](https://img.kancloud.cn/0a/25/0a2592e55f795273cf9c9dc643a2e66f_466x63.png)