哎,遇到類似 vue-cli2 和 vue-cli3 不能同時(shí)存在的問題,也實(shí)在是讓人頭疼的,偏偏一些項(xiàng)目升級(jí)的同時(shí)又要維護(hù)舊的系統(tǒng),下面康康如何解決吧。(windows系統(tǒng))
vue-cli2 安裝:
vue-cli2 是在幾年前初識(shí) vue 就安裝在全局了的,現(xiàn)只要解決 vue-cli3 的全局配置即可。
npm install vue-cli@2.9.6 /* vue-cli2 安裝命令 */
vue-cli3 安裝:
vue-cli3 另外安裝在其他任何文件夾下都可,使用命令:
npm install @vue/cli
/* 使用下列命令檢查是否安裝成功,返回版本信息即成功 */
vue --version || vue -V
接下來,找 vue-cli3 的安裝目錄,然后找到 node_modules 文件夾 => .bin 文件夾 => vue 和 vue.cmd 的位置,改名為 vue3 vue3.cmd,見下圖:
vue-cli3
配置環(huán)境變量:
此步驟最為重要,找到 vue2 和 vue3 分別對(duì)應(yīng)的文件夾,配置進(jìn)環(huán)境變量即可,注意配置需要至 bin 文件夾,系統(tǒng)會(huì)自動(dòng)匹配到對(duì)應(yīng)的文件名稱,具體顯示見下圖:
環(huán)境變量
注意:修改文件名稱并配置完成環(huán)境變量后,再次使用vue安裝命令,應(yīng)為修改后的名稱:
vue3 create myProject
如果項(xiàng)目能被正常創(chuàng)建,就說明你的電腦 vue2 和 vue3 版本可以被全局調(diào)用了!