天天看點

Win環境安裝VUE環境

一、安裝node.js

1.官網:https://nodejs.org/en/download/              (根據自己系統環境選擇下載下傳檔案);

2.安裝可執行檔案:正常安裝,下面兩個選擇一下:

Win環境安裝VUE環境
Win環境安裝VUE環境

3.安裝完畢後,設定全局和緩存路徑

我的安裝目錄選擇在這裡:

Win環境安裝VUE環境

 在vue目錄下面建立 node_global 和 node_cache 兩個檔案夾

4.設定緩存檔案夾以及全局子產品存放路徑

win+cmd  

d:

cd  "你的安裝路徑"

npm uninstall -g cnpm --registry=https://registry.npm.taobao.org

5.檢測:

cnpm -v

如果有異常提示:

Win環境安裝VUE環境

 則删除安裝目錄下面的npmrc檔案(我電腦是在這個路徑下面:

Win環境安裝VUE環境

 執行:

解除安裝:

注冊:

npm set registry https://registry.npm.taobao.org

解析:

npm set disturl https://npm.taobao.org/dist

安裝:

npm install -g cnpm --registry=https://registry.npm.taobao.org

測試:

如果不報錯,則可以開始安裝vue

6.設定環境變量

Win環境安裝VUE環境

7.安裝vue

Win環境安裝VUE環境

 安裝vue指令行工具(腳手架)

Win環境安裝VUE環境

 7.新項目建立

Win環境安裝VUE環境

 8.安裝工程依賴項

Win環境安裝VUE環境

 9.最後留一張我成功的案例截圖

Win環境安裝VUE環境

繼續閱讀