NodeJs 的安裝及配置環境變量

 

NodeJs 的安裝及配置環境變量

• 一、Node.js 下載與安裝
• 二、Node.js環境變量配置
• 三、國內鏡像網站配置

 

一、Node.js 下載與安裝

下載

1. 在 Node官網 上，下載對應的安裝包
   
   這里下載的是 64位window系統 的安裝文件 node-v14.15.3-x64

安裝

1. 點擊安裝文件，開始安裝 node.js
   

2. 點擊 Next (下一步)

   初次安裝
   
   已安裝NodeJs，再次安裝
   

3. 勾選同意選項(I accept the terms …)，並點擊 Next (下一步)
   

4. 選擇node.js的安裝目錄，這里選擇安裝在E盤
   

5. 接着一直點擊 Next (下一步) 到下面的界面
   

6. 點擊 Install (安裝)
   

7. 點擊 Finish，完成安裝
   

8. 使用 window + R 快捷鍵，啟動 cmd命令行 驗證 node.js 是否安裝成功
   
   出現以上情況，即表示安裝成功

二、Node.js環境變量配置

• 在上面已經完成了 node.js 的安裝，即使不進行此步驟的環境變量配置也不影響node.js的使用

• 但是，若不進行環境變量配置，那么在使用命令安裝 node.js全局模塊 （如：npm install -g vue）時，會默認安裝到C盤的路徑 (C:\Users\hua\AppData\Roaming\npm) 中

• 因此，需要配置 全局安裝模塊 node_global 以及 緩存目錄 node_cache 的環境變量；

1. 在node.js的安裝目錄中，新建兩個文件夾 node_global 和 node_cache，分別用來存放安裝的全局模塊和全局緩存信息
   

2. 創建完兩個文件夾后，在cmd窗口中輸入以下命令（兩個路徑即是兩個文件夾的路徑）：

     # 設置全局模塊安裝路徑 npm config set prefix "E:\leading\NodeJs\info\node_global" # 設置全局緩存存放路徑 npm config set cache "E:\leading\NodeJs\info\node_cache" 

   命令執行，效果如圖： 

3. 設置電腦環境變量，環境變量界面打開順序：右鍵 “我的電腦”=》屬性=》高級系統設置=》環境變量 ，具體實行過程，請看下圖：
   

4. 進入環境變量對話框，在【系統變量】中新建環境變量 NODE_PATH，值為 E:\leading\NodeJs\info\node_global\node_modules，其中 E:\leading\NodeJs\info\node_global 是新創建的全局模塊安裝路徑
   

5. 修改【用戶變量】中的 path 變量，將 C:\Users\86135\AppData\Roaming\npm 修改為E:\leading\NodeJs\info\node_global

   修改前
   
   修改后
   

6. 點擊確定后，配置完成。

7. 測試是否配置成功，在cmd窗口中輸入以下指令 全局安裝Vue模塊

     npm install -g vue # -g 表示全局安裝 

   執行效果，如圖所示：
   vue 模塊安裝目錄，如圖所示：
   
   可以看出，node.js環境變量配置成功。

8. 至此，node.js安裝和環境變量配置全部完成。

注意

配置完，一定要重啟，否則不生效

配置完，一定要重啟，否則不生效

配置完，一定要重啟，否則不生效

三、國內鏡像網站配置

配置國內鏡像，解決模塊安裝緩慢或者失敗的問題。

一般配置 淘寶npm鏡像

直接切換

1. 在 cmd 命令行中，通過命令配置淘寶鏡像

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

2. 使用淘寶鏡像下載模塊，即，將 npm 替換成 cnpm 即可

     cnpm install # module_name 

切換工具

上述切換鏡像的方式比較麻煩。這里推薦一款切換鏡像的工具：nrm

1. 使用 npm 全局安裝 nrm

     npm install nrm -g 

   執行命令，效果如下：
   
2. 通過 nrm ls 命令，查看npm的倉庫列表，帶 * 的就是當前選中的鏡像倉庫：

     nrm ls 

   執行命令，效果如下：
   
3. 通過 nrm use taobao 來指定要使用的鏡像源：

     nrm use taobao
   

   執行命令，效果如下：
   
4. 最后，通過 nrm test npm 來測試速度：

     nrm test npm
   

   執行命令，效果如下：