vue-cli2和vue-cli3同時存在

http://www.javashuo.com/article/p-xrxhhuye-eq.html

 

win下 vue-cli2 和 vue-cli3 並存，一塊兒使用
開局一張圖，內容慢慢編

文章目錄
win下 vue-cli2 和 vue-cli3 並存，一塊兒使用
安裝vue-cli版本
檢驗安裝是否成功
修改vue2和vue3的名稱
配置環境變量
打開環境變量所在位置
新建系統變量
最後修改Path變量
最後。重啓電腦就好了
寫在最後
vue2和vue3命令，分別表明了vue-cli2 和 vue-cli3的運行環境，是能夠同時在一臺電腦並存，使用，並且最重要的是，不用安裝在C盤！

若是你已經安裝了一個vue的版本，那可使用本文的方法，在追加一個版本

騷操做開始：

既然要安裝2個vue版本，那確定要想下載對應的2個版本先，個人電腦是沒安裝過vue的環境的，因此這裏我就在F盤隨便找個地方，安裝vue2和vue3

安裝vue-cli版本
安裝vue-cli3的最新版本
注意不要加 -g 加了就是全局安裝了
vue-cli3我是安裝在了vue3文件夾下的
執行：

npm install @vue/cli
1

安裝vue-cli2.9.6版本
安裝2也是同理，我分開了文件夾，在vue2下面

執行：

npm install vue-cli@2.9.6
1
固然大家也能夠指定本身想要的版本

 

檢驗安裝是否成功
安裝vue-cli後，會在當前目錄下有一個 node_modules 的文件夾。這也就是局部安裝vue所須要的模塊的文件

那麼怎麼檢驗呢：

vue-cli3檢驗

在vue3的目錄下執行：

./node_module/.bin/vue -v
1
這裏須要注意的是
不要用cmd。最起碼。找個趁手的命令行工具。。

 

看到執行結果都OK。都顯示了對應的版本號。到這裏就說明 vue-cli2.x和vue-cli3.x 局部安裝成功了

修改vue2和vue3的名稱
接下來，找到安裝vue的目錄，而後找到 vue 和 vue.cmd 的位置。分別更名爲 vue2 vue2.cmd 和 vue3 vue3.cmd
目錄和對應的文件名不要搞錯

 

 

 

配置環境變量
還差最後一步，就配置完了。
以前折騰了那麼多 安裝vue版本 - 修改文件名都是爲了這一步

打開環境變量所在位置
右鍵個人電腦-屬性-高級系統設置-環境變量

新建系統變量
對應的輸入變量名和文件目錄
這裏的目錄就是咱們安裝vue的目錄，並且找到.bin文件夾就能夠了。
vue2和vue3不要弄混了。看圖好理解

 

 

最後修改Path變量
這一步纔是最重要的
先找到Path的位置（這個不能新建，每臺電腦都有的）、而後編輯

 

win10電腦下就直接在空白欄雙擊，而後填入剛纔咱們設置的變量名、注意有 %%包着的

 

若是不是win10的電腦
編輯Path的時候。能夠移到路徑的輸入框的最後面
而後輸入 ;%VUE_CLI2%;%VUE_CLI3%
【重點】 win10如下的電腦環境變量是以 ; 分開的，因此不要漏了

最後。重啓電腦就好了
修改環境變量後，要重啓電腦才能生效。

若是按照流程走。那最後輸入 vue2 和 vue3 就能看到我開頭的圖的效果了。意味着你的電腦 vue2.x和vue3.x版本同時存在，而且能夠全局調用了！

寫在最後
幾個重要的變量命分別是什麼？
咱們在前面修改的 文件名稱分別爲 vue2 vue3 其實就決定了最後咱們全局的vue的名稱。固然給你也能夠改爲其餘，以你的文件名稱爲準！

設置環境變量的時候 VUE_CLI2 和 VUE_CLI3有什麼講究嗎？
沒有，其實就是給Path找到vue所在的文件路徑而已

設置 VUE_CLI2 和 VUE_CLI3記得必定只是選到 .bin 目錄便可。剩下的系統會自動去找到對應的文件名稱的了 ———————————————— 版權聲明：本文爲CSDN博主「Jioho_」的原創文章，遵循CC 4.0 by-sa版權協議，轉載請附上原文出處連接及本聲明。原文連接：https://blog.csdn.net/Jioho_chen/article/details/90455778