Win10下Vue的環境搭建

1.Node.js安裝

1.首先在Node.js官網，下載並安裝與電腦版本對應Node.js

2.打開Powershell輸入：

node -v#查看版本號
npm -v#npm版本號
node#輸入node
console.log("Hi");#再輸入

3.如下圖所示即安裝成功

4.(可選)更改npm中global的存放路徑以及cache的路徑

4.1 以管理員身份運行Powershell

4.2 輸入以下命令：

C:\Program Files\nodejs 爲node.js的安裝路徑

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"

4.3 更改環境變量

因修改了npm的路徑，需對環境變量進行修改
在下方的系統變量的Path中新增：
C:\Program Files\nodejs\node_global\node_modules
在上方的用戶變量的Path中：
將原來的C:\Users\[你的用戶名]\AppData\Roaming\npm
修改爲：C:\Program Files\nodejs\node_global

4.4 測試

在Powershell中

npm install express -g

安裝完成在C:\Program Files\nodejs\node_global\node_modules目錄下應該能看見express文件夾以及其對應的文件

2. 更換包源

(1).安裝cnpm更換源爲淘寶源，運行Powershell

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

(2).如果出現以下的錯誤

cnpm : 無法加載文件XXX
輸入set-ExecutionPolicy RemoteSigned
輸入A回車即可

3.安裝依賴包

(1). webpack

cnpm install webpack –g

(2).vue-cli

cnpm install vue-cli –g

4.Vue項目測試

cd [項目存放的文件夾]
vue init webpack [你的測試項目名稱]
#在最後一步選擇 No, I will handle that myself

完成後

cd [你的測試項目名稱]
cnpm install#下載安裝項目的依賴
cnpm run dev# RUN起來整個項目，可在後方給出的地址訪問