目錄

一、下載

1. 查看電腦版本，下載對應的安裝包

2. 下載路徑下載 | Node.js 中文網

二、安裝步驟

1. 雙擊安裝包

2. 點擊Next下一步

3. 選擇安裝路徑

4. 這里我選擇默認配置，繼續Next下一步（大家按需選擇）

5. 最后install安裝

6. 測試安裝是否成功

三、配置環境

1. 在安裝目錄下新建兩個文件夾

【node_global】【node_cache】

2. 用管理員身份打開cmd命令行窗口，輸入命令

3. 環境變量配置

四、安裝鏡像

1.更換npm鏡像

2.安裝淘寶cnpm鏡像

3.查看cnpm版本號

參考：2024最新版Node.js下載安裝及環境配置教程【保姆級】_nodejs下載-CSDN博客

---

一、下載

1. 查看電腦版本，下載對應的安裝包

此電腦->? 右鍵屬性 ->? 系統類型

圖1-1

2. 下載路徑下載 | Node.js 中文網

圖1-2

二、安裝步驟

1. 雙擊安裝包

圖2-1

2. 點擊Next下一步

圖2-2

3. 選擇安裝路徑

圖2-3

4. 這里我選擇默認配置，繼續Next下一步（大家按需選擇）

圖2-4

圖2-5

5. 最后install安裝

6. 測試安裝是否成功

Win+R+cmd進入命令提示符窗口測試是否安裝成功

查看node版本

node -v

查看npm版本

npm -v

圖2-6

成功顯示版本號說明安裝成功

三、配置環境

1. 在安裝目錄下新建兩個文件夾

【node_global】【node_cache】

圖3-1

2. 用管理員身份打開cmd命令行窗口，輸入命令

npm config set prefix "你的node_global路徑名"

npm config set cache  "你的node_cache路徑名"

圖3-2

3. 環境變量配置

【此電腦】- 【右鍵屬性】-【高級系統設置】-【環境變量】

(1)系統變量-【新建】-【NODE_PATH】-【D:\Study-soft\nodejs\node_global\node_modules】

在node_global路徑下添加node_modules文件夾

(2) 在path路徑中添加【%NODE_PATH%】

(3)更改用戶變量path中的【Roaming\npm】為【node_global】路徑

(4)每個頁面都點擊【確定】，配置完成

(5)配置完成后檢查一下是否配置成功，用get 命令

圖3-3

(6)安裝一個express模塊進行測試（管理員權限）

npm install express -g???? # -g是全局安裝的意思，不加 -g 就是默認下載到當前目錄

圖3-4

如圖所示，安裝成功

四、安裝鏡像

1.更換npm鏡像

npm config set registry http://registry.npmmirror.com

檢查：npm config get registry

2.安裝淘寶cnpm鏡像

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

圖4-1

3.查看cnpm版本號

圖4-2

如圖所示，cnpm鏡像安裝成功

Node.js安裝完成。

4. 安裝vue