一 Nodejs安裝（綠色版）

簡單的說 Node.js 就是執行在服務端的 JavaScript。Node.js 是一個基於Chrome JavaScript 執行時建立的一個平臺。

Node.js是一個事件驅動I/O服務端JavaScript環境，基於Google的V8引擎，V8引擎執行Javascript的速度非常快，效能非常好。

1.下載Nodejs

Node.js 安裝包及原始碼下載地址為：https://nodejs.org/en/download/；

根據不同平臺系統選擇你需要的 Node.js 安裝包。歷史版本地址：https://nodejs.org/en/download/releases/

 2.解壓安裝

注意：nodejs 14版本之後，支援n模組，但是windows 系統需要條件限制，僅支援Windows 1，Windows Server 2012 R2，或更高版本 。

由於受到條件限制，我自己的電腦使用的是win7的系統，所以只能下載14版本之前的nodejs，我這裡下載的是：node-v12.16.0-win-x64

解壓node-v12.16.0-win-x64檔案，將解壓後的檔案放到自己需要的目錄下，我這裡是放在D:\file\install\nodejs資料夾下

3.配置nodejs環境變數

開啟計算機=》屬性=》高階系統設定=》高階=》環境變數=》編輯path,增加nodejs所在資料夾路徑，我的是：D:\file\install\nodejs

4.檢測PATH環境變數

檢測PATH環境變數是否配置了Node.js，點選開始=》執行=》輸入"cmd" => 輸入命令"path"，輸出如下結果：

我們發現nodeJs自動幫我們配置了環境變數。

5.檢視node版本

node --version 或者 node -v  --檢視版本

6.檢視npm版本 

npm --version 或者 npm -v   檢視npm版本

7.設定安裝模組的位置

在nodejs的安裝根目錄下，新建“node_cache”資料夾用來存放全域性快取， 該路徑下已經存在node_modules目錄可用來存放全域性模組，無需建立新的資料夾，預設已經內建了npm

npm config set cache "D:\file\install\nodejs\node_cache"  
npm config set prefix "D:\file\install\nodejs"  --nodejs會自動尋找該路徑下的node_modules資料夾為實際存放全域性模組的路徑，這也是為啥叫prefix不叫global的原因；以後安裝的全域性模組都會被放到D:\Program Files\nodejs\node_modules下，跟npm模組在一個資料夾中

 檢視配置結果

npm config ls

擴充套件：檢視npm配置的相關屬性，可以使用npm config進行檢視

npm config set <key> <vulue>    --- 設定一個變數
npm config get <key>            --- 獲取/檢視變數
npm config delete <key>         --- 刪除變數
npm config list                 --- 檢視配置清單
npm config edit                 --- 編輯配置（開啟.npmrc檔案）
npm set <key> <vulue>
npm get [<key>]

由於npm訪問時，使用的是國外地址，訪問下載就會很慢，導致下載失敗，國內阿里提供了一個映象地址，可以使用國內地址

npm config set registry http://registry.npm.taobao.org -- 使用淘寶的映象網址

 這樣，node.js就已經安裝完成了，不妨就下載一個模組實施吧！！！

8.測試模組下載

就以下載express為例 ，下載一個模組

npm install -g express

 注意：node版本高於14時，會出現CERT_HAS_EXPIRED錯誤，解決方法是設定node的strict-ssl 配置為false

npm config set strict-ssl false

下載完成後找到

D:\file\install\nodejs\node_modules下 會發現express 已經下載到了該目錄

 此時，npm模組安裝的預設全域性路徑已經改到了相應的資料夾中，但是 這時候使用者還是無法require這些模組，因為電腦系統現在還不知道你把預設路徑給改了

 需要在環境變數中設定NODE_PATH路徑（模組執行路徑）

注意EXPRESS 新版本還需要安裝express-generator 使用express --version 或者 express -V就可以查看了

npm install -g express-generator
express -V

安裝完成之後

二 vue cli模組安裝（vue/cli4）

1.安裝vue cli

node.js安裝完成之後，需要安裝vue cli腳手架，方能使用vue cli建立專案。

npm install -g @vue/cli@4.5.15 或者 npm i -g @vue/cli@4.5.15 

使用檢視vue cli版本

vue -V 或者 vue --version  --檢視版本

注意：當更新到指定版本時，有時候會出現無法安裝成功。解決方法是： 先安裝cnpm 模組，再使用cnpm模組來安裝vue cli

步驟一：  npm install -g cnpm --registry=https://registry.npm.taobao.org 使用淘寶映象安裝cnmp模組

步驟二：cnpm install -g @vue/cli@3.11.0 安裝vue，這樣就會成功了

2.擴充套件 vue的常用

解除安裝當前腳手架

#如果當前vue/cli版本大於3，執行以下命令
npm uninstall -g @vue/cli 或者 yarn global remove @vue/cli 

#如果當前vue-cli版本小於3，執行以下命令 
npm uninstall -g vue-cli 或者 yarn global remove @vue-cli 

安裝指定版本腳手架

#安裝到指定版本號
npm install -g @vue/cli@版本號 或者 yarn global add @vue/cli@版本號
#注意：如果使用"npm install -g @vue/cli@版本號"容易報錯，建議使用cnpm 

#安裝最新版本 
npm install -g @vue/cli 或者yarn global add @vue/cli

檢視版本

vue -V 或者 vue --version  --檢視版本