1. 程式人生 > 其它 >Node.js詳細安裝及環境配置

Node.js詳細安裝及環境配置

1、下載安裝

根據自己電腦系統及位數選擇,我這裡選擇windows64位.msi格式安裝包(官網:https://nodejs.org/zh-cn/download/

.msi.zip格式區別:

  • .msi是Windows installer開發出來的程式安裝檔案,它可以讓你安裝,修改,解除安裝你所安裝的程式。說白了.msi就是Windows installer的資料包,把所有和安裝檔案相關的內容封裝在一個包裡。
  • .zip是一個壓縮包,解壓之後即可,不需要安裝。

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

npm package manager:

表示npm包管理器

online documentation shortcuts:線上文件快捷方式

Add to PATH:新增node安裝路徑到環境變數

安裝完成如圖所示,這裡我修改了node的安裝路徑C:\Program Files

安裝完成後,.msi格式的安裝包已經將node.exe新增到系統環境變數path中, 如果你下載的是.zip格式,因為沒有安裝過程,所以需要手動將node.exe所在目錄新增到環境變數path中 將node新增到全域性系統變數後,我們可以直接在CMD視窗中任意位置執行node,開啟CMD視窗,執行命令node -v檢視node版本

最新版的node在安裝時同時也安裝了npm

,執行npm -v檢視npm版本

2、修改全域性依賴包下載路徑

預設情況下,我們在執行npm install -g XXXX下載全域性包時,這個包的預設存放路徑位C:\Users\使用者名稱\AppData\Roaming\npm\node_modules下, 可以通過CMD指令npm root -g檢視

但是有時候我們不想讓全域性包放在這裡,我們可以自定義存放目錄,在CMD視窗執行以下兩條命令修改預設路徑:

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\
node_cache"
或者開啟C:\Program Files\nodejs\node_modules\npm\.npmrc檔案,修改如下:

prefix = C:\Program Files\nodejs\node_global
cache =C:\Program Files\nodejs\node_cache

以上操作表示,修改全域性包下載目錄為C:\Program Files\nodejs\node_global,快取目錄為C:\Program Files\nodejs\node_cache,並會自動建立node_global目錄,而node_cache目錄是快取目錄,會在你下載全域性包時自動建立

3、配置環境變數

因為我們修改了全域性包的下載路徑,那麼自然而然,我們下載的全域性包就會存放在C:\Program Files\nodejs\node_modules,而其對應的cmd指令會存放在C:\Program Files\nodejs\node_global 使用命令vue create myproject指令建立一個專案,顯示如下: 這是因為我們在執行指令時,它會預設在node安裝根目錄下查詢指令檔案,在這裡就是vue.cmd,然後還會在node安裝根目錄下的node_modules下查詢依賴包資料夾,在這裡就是@vue資料夾,因為我們修改了全域性包的存放路徑,所以自然找不到了,所以我們需要把我們指定的全域性包存放路徑新增到系統環境變數,這樣就可以找到了.