一、vue-cli腳手架3.0前後版本切換辦法
3.0前後差異比較大，3.0-4.0差異並不大

1）、3.0 以下 ==> 3.0 以上
先解除安裝3.0之前的：npm uninstall -g vue-cli;
安裝3.0之後的：npm install -g @vue/cli;
更新npm：npm i npm -g;
更新vue3.0之後的版本：npm i @vue/cli -g；
更新淘寶映象：cnpm i @vue/cli -g；

2）、3.0 以上 ==> 3.0 以下
npm uninstall -g @vue/cli;
npm install -g vue-cli;
npm i npm -g;
npm - vue-cli -g;
cnpm i vue-cli -g;
注意：npm install 報錯 ERR! [email protected] postinstall:node scripts/build.js``

這個是因為sass安裝時獲取源的問題，修改sass安裝的源，使用taobao的npm

npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

然後執行npm install就可以了

二、兩種版本同時存在

因為電腦上的是3.0之後的，現在有需要使用3.0之前的版本，更多的是使用3.0之後。

1）、找一個地方新建

2）、進入cli2 資料夾下 開啟cmd

npm install vue-cli@2.9.6

vue-cli2.0版本下載命令為npm install vue-cli或者npm install vue-cli@版本號，這裡我指定了版本號，還有這裡不要加-g,否則就會安裝到全域性位置

下載之後輸入npm 命令報錯

複製一個cpm檔案進去就可以了

在cli2資料夾中先新建一個node_modules資料夾

進入node_modules資料夾下的.bin資料夾–E:\nodejs\vue-cli\vue-cli2\node_modules\.bin

安裝成功

vue-cli3.0安裝步驟與上面的2.0基本相同，唯一不同的就是下載安裝命令為 `npm install @vue/cli

為了便於區分，我們修改兩個版本的cmd命令的名稱，分別為vue-cli2和vue-cli3

3）、修改cmd命令名稱

為了便於區分，我們修改兩個版本的cmd命令的名稱，分別為vue-cli2和vue-cli3

4）、配置環境變數

測試

————————————————
版權宣告：本文為CSDN博主「菜雞本雞」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處連結及本宣告。
原文連結：https://blog.csdn.net/qq_40663855/article/details/114697964