一、安裝node.js
說明：安裝node.js的windows版本后，會自動安裝好node以及包管理工具npm，我們后續的安裝將依賴npm工具，
node.js的官方地址為：https://nodejs.org/en/download/，如下圖所示：
根據自己電腦的具體配置，選擇你要下載的安裝包，作者選擇的是windows 64bit，
下載完畢，按照windows一般應用程式，一路next就可以安裝成功，建議不要安裝在系統盤（如C：），
2. 一路next安裝完成就行，不要去勾選中間出現的東西，在cmd中命令查看
node -v
npm -v
3. 在nodejs目錄下面建node_global和node_cache兩個檔案夾用來指定npm的模塊路徑和快取路徑，設定命令：
npm config set prefix "D:\development\nodejs\node_global" npm config set cache "D:\development\nodejs\node_cache" ## 查看本地倉庫 npm list -global ## 查看所有配置資訊 npm config list
4. 設定淘寶為國內鏡像源
npm config set registry https://registry.npm.taobao.org ## 查看設定的國內鏡像對不對 npm config get registry ## 安裝vue.js到全域 npm install vue -g
5. 修改環境變數，以便以后安裝的插件能直接使用
在path中添加：D:\development\nodejs\node_global
6. 安裝Vue CLI
Vue CLI已經到4了，若以前安裝了Vue CLI2需要先卸載，
6.1 Vue CLI3/4
安裝: npm install -g @vue/cli 卸載: npm uninstall -g 創建專案：vue create vue-cli4 // vue-cli4 為專案名稱 啟動專案：npm run serve // package.json 檔案配置中就能看出
6.2 新建專案目錄
從兩個新建的專案 目錄結構來看，差別很大：Vue CLI4新建的專案，根目錄結構內 少了之前的 build、config、static檔案夾，組態檔也少了幾個，連 index.html 都沒有了，但多了一個 public 檔案夾，
7. 安裝webpack
npm install webpack webpack-cli -g
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/433263.html
標籤：Windows