Windows下載和安裝Nodejs(圖文教程)

1. 下載Nodejs:Download | Node.js (nodejs.org)

image.png
1.1 選擇你想要的安裝版本,我這里選擇安裝的是Windows 64-bit
安裝版本.png
1.2 下載完成
下載完成.png

2. 安裝Nodejs

2.1 下載完成后,雙擊“node-v16.15.0-x64.msi”,開始安裝Node.js,點擊【Next】
安裝過程.png
2.2 選擇點擊我同意,然后點擊【Next】
安裝過程.png

安裝過程.png
2.3 可以選擇改變安裝路徑,也可以選擇默認安裝路徑,我這里是直接改為存在D盤下,然后點擊【Next】
選擇安裝路徑.png

安裝路徑.png
2.4 修改好目錄后,點擊【Next】
安裝過程.png
2.5 請不要勾選下圖中的選項,直接點擊【Next】
image.png
2.6 直接點擊【Install】,安裝中...
Install.png

image.png
2.7 安裝完后點擊【Finish】按鈕完成安裝。
Finish.png

3. 測試安裝是否成功

3.1 在鍵盤按下【win+R】鍵,輸入cmd,然后回車,打開cmd窗口
cmd.png
image.png
3.2 輸入命令:
npm -v
node -v

出現下圖,就代表安裝成功了。


安裝成功.png

4. 配置系統環境變量

4.1 配置全局安裝的模塊路徑和緩存路徑:在nodejs根目錄,創建node_global,node_cache文件夾
原目錄.png

新目錄.png
4.2 用管理員身份打開cmd,配置路徑(以自己的路徑為準):
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
配置路徑.png

配置路徑.png
4.3 進行環境變量配置。右鍵點擊電腦桌面上的此電腦圖標,選擇屬性,如下圖
image.png
4.4 選擇高級系統設置,如下圖
高級系統設置.png
4.5 選擇環境變量,如下圖
點擊環境變量.png
4.6 點擊新建,如下圖
image.png
4.7 新建環境變量NODE_PATH,變量名NODE_PATH,變量值對應的是你的nodejs文件夾下的node_modules的路徑,填寫完之后,點擊確定
新建環境變量NODE_PATH.png

4.8 找到path變量雙擊或者點編輯

path變量.png
4.9 在path中添加以下變量,點擊空白的地方就能編輯,編輯完記得要點擊確定
D:\Program Files\nodejs\
D:\Program Files\nodejs\node_global
添加變量.png
點擊確定.png
點擊確定.png

5. 測試:用全局安裝最常用的 express 模塊來進行測試,打開cmd窗口(一定要用管理員的身份打開,否則會出錯),輸入命令:

npm install express -g
測試過程.png

測試過程.png

測試過程.png
測試結果.png

測試結果.png
5.1 全局配置淘寶鏡像,打開cmd窗口(一定要用管理員的身份打開,否則會出錯),輸入命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
下載中.png

下載成功.png

下載成功.png
5.2 全局安裝webpack,打開cmd窗口(一定要用管理員的身份打開,否則會出錯),輸入命令:
npm install webpack -g

或者

cnpm install webpack -g
下載成功.png
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容