安裝多版本Vue-CLI · 問題解決方法

# 一. 安裝多個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)