1.安裝 Node.js
Download | Node.js
在這裏👆下載的是最新版，如果要安裝以前的版本👇，頁面往下拉找到
Previous Releases—Donloads—下載msi文件。
1.1 一直next即可安裝成功。
1.2 安裝後在cmd控制檯輸入node -v和npm -v（注意中間有個空格）驗證是否安裝成功。
node -v
npm -v
2.配置默認安裝目錄和緩存日誌目錄
2.1 在nodejs安裝的目錄創建兩個空文件夾：node_cache和node_global。
2.2 打開cmd，依次輸入下面兩行
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
3.配置環境變量
3.1 windows旁邊的搜索鍵搜索編輯系統環境變量，或右擊此電腦—屬性—高級系統設置，打開環境變量設置界面。
3.2 將用戶變量最後一行的C:\Users\admin\AppData\Roaming\npm 修改爲
D:\Program Files\nodejs\node_global
3.3 系統變量中新增一個變量，如下👇
3.4 系統變量中的path增加最後三行（第一行應該是安裝軟件Node.js時自動添加了，所以手動添加只需要最後兩行）。
4.配置淘寶鏡像
4.1 找到cmd.exe，右擊—以管理員身份運行
注意注意！！！一定要以管理員身份運行cmd，直接Win+R—cmd會安裝錯誤
4.2 安裝淘寶鏡像cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
4.3 驗證安裝成功：
cnpm config get registry
cnpm -v
5.安裝vue和腳手架
5.1 安裝vue
cnpm install vue -g
npm install -g @vue/cli
我嘗試了很多種安裝vue的方法，直到驗證vue安裝成功👇（不管安裝的時候是不是一直出現警告，vue -v驗證成功就好）
vue -v
出現這種情況就是沒有安裝成功👇
我網上查到的還有一種驗證方法，但是我剛開始vue沒有安裝成功也出現瞭如下結果，當時我以爲安裝成功，所以我更推薦用vue -v驗證。
5.2 安裝webpack模塊（用webpack的原因是方便vue組件化）
安裝webpack需要安裝兩個包，webpack主包和webpack-cli
cnpm i webpack webpack-cli webpack-dev-server -g
踩坑無數，最終上面這個安裝方法成功🤦。檢驗是否安裝成功：webpack -v
5.3 安裝vue-cli3.x
cnpm install @vue/cli –g
6.創建並運行項目
6.1 把路徑修改到vue項目想創建到的文件夾，例如我想把它放在D盤
6.2 創建項目
vue create test（test是項目名稱，可以改成別的）
可以選擇創建2版本或者3版本的項目👇
創建成功👇
6.3 運行項目
按照cmd的提示操作👇
先把路徑改到剛剛創建的項目，然後再運行，語句如下👇
npm run serve
運行成功後，複製下面其中一個網頁在瀏覽器打開，即可得到網頁。