node.js安裝及環境配置基於Windows系統

一缕暖阳發表於2024-10-19

node.js安裝及環境配置-Windows系統

1. 下載安裝包

https://nodejs.org/zh-cn/download/

根據自己電腦系統及位數選擇,我的電腦是Windows系統、64位、想下載穩定版的.msi(LTS為長期穩定版)這裡選擇windows64位.msi格式安裝包。

.msi和.zip格式區別:

  • .msi是Windows installer開發出來的程式安裝檔案,它可以讓你安裝,修改,解除安裝你所安裝的程式。說白了.msi就是Windows installer的資料包,把所有和安裝檔案相關的內容封裝在一個包裡。此外:它還包含有關安裝過程自己的資訊。例如:安裝序列、目標資料夾路徑、安裝選項和控制安裝過程的屬性。

  • .zip是一個壓縮包,解壓之後即可,不需要安裝

2. 安裝程式

①下載完成後,雙擊安裝包,開始安裝,使用預設配置安裝一直點next即可,安裝路徑預設在C:Program Files下,也可以自定義修改

②安裝路徑預設在C:Program Files下面,也能夠自定義修改,而後點選next(我這裡設定我的安裝目錄為E:KF ode.js 根據自己的需要進行更改。)

image-20230321115839644

③下圖根據本身的需要進行,我選擇了預設Node.js runtime,而後Next

Node.js runtime :表示執行環境 npm package manager:表示npm包管理器 online documentation shortcuts :線上文件快捷方式 Add to PATH:新增到環境變數

image-20230321115828140

④以下圖框中所示,我沒有選中,而是直接next

image-20230321115856418

⑤點選Install,進行安裝

⑥點選finish,完成安裝

⑦安裝完成後,.msi格式的安裝包已經將node啟動程式新增到系統環境變數path中,咱們能夠檢視系統變數進行驗證:在【個人電腦】右鍵→【屬性】→【高階系統設定】

image-20230321115919206

⑧點選【高階】→【環境變數】

⑨在系統變數中檢視【path】,點選【編輯】

⑩會發現.msi格式的安裝包已經將node啟動程式新增到系統環境變數path中

image-20230321115944760

3.檢視

① 既然已經將node程式新增到全域性系統變數中,把咱們能夠直接在CMD視窗中任意位置執行node,開啟CMD視窗,執行命令node -v檢視node版本

【注意:此時是開啟CMD視窗,並非在C:Program Files odejs目錄下執行node.exe】

image-20230321120029737

② 最新版的node在安裝時同時也安裝了npm,執行npm -v檢視npm版本

image-20230321120041085

③ 預設狀況下,咱們在執行npm install -g XXXX時,下載了一個全域性包,這個包的預設存放路徑C:UsersAdministratorAppDataRoaming pm ode_modules下,能夠經過CMD指令npm root -g檢視

image-20230321120053127

⑤ 一部分經常使用的命令,以下:

npm -v:檢視npm安裝的版本。
npm init:會引導你建立一個package.json檔案,包括名稱、版本、作者等資訊。
npm list:檢視當前目錄下已安裝的node包。
npm ls:檢視當前目錄下已安裝的node包。
npm install moduleNames:安裝Node模組到本地目錄node_modules下。
npm install < name > -g:將包安裝到全域性環境中。
npm install < name > --save:安裝的同時,將資訊寫入package.json中,專案路徑中若是有package.json檔案時,直接使用npm install方法就能夠根據dependencies配置安裝全部的依賴包,這樣程式碼提交到git時,就不用提交node_modules這個資料夾了。
npm install < name> --save-dev:安裝的同時,將資訊寫入package.json中專案路徑中若是有package.json檔案時,直接使用npm install方法就能夠根據devDependencies配置安裝全部的依賴包,這樣程式碼提交到git時,就不用提交node_modules這個資料夾了。
npm uninstall moudleName:解除安裝node模組。

4.環境配置

① 開啟安裝的目錄(預設安裝情況下在C:Program Files odejs)

② 在安裝目錄下新建兩個資料夾【node_global】和【node_cache】

③ 再次開啟cmd命令視窗,輸入npm config set prefix “你的路徑 ode_global”(“你的路徑”預設安裝的狀況下為 C:Program Files odejs)

npm config set prefix "E:KF
odejs
ode_global"

④ npm config set cache “你的路徑 ode_cache” 可直接複製剛剛新建的空資料夾目錄

npm config set cache "E:KF odejs ode_cache" 1 2 3 執行的時候建議使用管理員許可權開啟CMD,否則有可能會提示許可權不夠報錯

⑤設定環境變數,開啟【系統屬性】-【高階】-【環境變數】,在系統變數中新建

變數名:NODE_PATH

變數值:C:Program Files odejs ode_global ode_modules

( 用來告訴系統, 下載的模組或者包都在這裡了)

⑥ 編輯使用者變數(環境變數)的 path,將預設的 C 盤下 APPDataRoaming pm 修改成 C:Program Files odejs ode_global,點選確定

最後別忘了在Path裡面新增NODE_PATH

⑦ 測試,配置完成後,安裝個module測試下,咱們就安裝最經常使用的express模組,開啟cmd視窗,輸入以下命令進行模組的全域性安裝:

npm install express -g // -g是全域性安裝的意思 1

5.精彩內容

更多精彩內容及原始碼獲取方式,請關注公眾號:快樂每一點

願您每天每點都快樂~(●'◡'●)~

相關文章