Vue學習（一）：Node.js安裝以及配置

一、官網下載下傳Node.js

官網下載下傳位址：Node.js下載下傳位址

二、開始安裝

步驟1：輕按兩下已經下載下傳好的Nodejs，以管理者身份運作。點選“Next”

步驟2：勾選接受協定，點選“Next”

步驟3：更改安裝路徑，點選“Next”

步驟4：預設，點選“Next”

步驟5：預設，點選“Next”

步驟6：點選“Install”，開始安裝。

步驟7：安裝完成，點選“Finish”。

步驟8：檢視版本号，驗證是否已經安裝成功。

檢視Nodejs版本：node -v
檢視npm版本：npm -v
           

三、配置

1、檢視Nodejs安裝目錄

2、在Nodejs安裝目錄下建立node_global檔案夾，用來存儲全局安裝配置。

3、在Nodejs安裝目錄下建立node_cache檔案夾，用來存儲node緩存檔案。

4、更改全局安裝和緩存路徑

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

5、安裝淘寶鏡像

npm install -g cnpm --registry=https://registry.npmmirror.com
           

在安裝過程中，如果出現下面的錯誤。一定要以管理者的身份打開指令訓示符，安裝淘寶鏡像。

以管理者身份安裝淘寶鏡像

6、更新npm版本。

npm install -g [email protected]
           

7、安裝Webpack

npm install -g webpack webpack-cli
           

8、安裝Vue腳手架（vue-cli）

npm install -g @vue/cli