Node.js是一個基于Chrome V8引擎的JavaScript運行時環(huán)境，其允許開發(fā)者使用JavaScript編寫命令行工具和服務(wù)器端腳本。而npm（Node Package Manager）則是Node.js的官方包管理工具，用于安裝、管理和版本化Node.js程序所依賴的軟件包或庫；同時，其還是一個在線倉庫，存儲著大量的開源庫和工具，這些庫和工具可以被開發(fā)者在自己的項目中使用。

首先，我們進入Node.js的官方下載網(wǎng)站（https://nodejs.org/en），并選擇其中的Download Node.js (LTS) 按鈕，如下圖所示。點擊之后，其會自動按照當前電腦的系統(tǒng)，為我們下載新版本、穩(wěn)定的Node.js。

下載后，將會得到1個.msi格式文件，如下圖所示。

隨后，雙擊上述.msi格式文件，即可開始安裝Node.js，如下圖所示。

其中，安裝環(huán)節(jié)的大部分界面，大家就選擇默認的選項即可；但如下圖所示，在選擇安裝路徑時，建議不要放在C盤，否則后面在執(zhí)行一些命令行命令時，會因為沒有權(quán)限導(dǎo)致無法運行，比較麻煩。

安裝完畢后，打開命令行界面，并依次輸入如下的2行代碼。

node -v
npm -v

其中，前者用以顯示Node.js的版本，后者則用以顯示npm的版本。如果上述安裝操作無誤的話，執(zhí)行代碼后應(yīng)得到如下圖所示的結(jié)果。

隨后，進入前述我們所選擇的Node.js的安裝路徑，并新建2個文件夾，分別命名為node_cache與node_global，如下圖所示；這兩個文件夾分別為npm的緩存文件夾與全局文件夾。當然，這里2個文件夾的名稱也不一定非要按照這個來——只要在后續(xù)操作中，將對應(yīng)文件名稱修改為你設(shè)置的這2個文件夾的名稱即可。

隨后，將以下3個路徑添加到系統(tǒng)變量的Path中。

%NODE_HOME%
%NODE_HOME%\node_global
%NODE_HOME%\node_cache

添加后，如下圖所示。

隨后，再打開用戶變量中的Path，如下圖所示。

選中其中已經(jīng)存在的C:\User\你的用戶名\AppDate\Roaming\npm路徑，并選擇“編輯”，如下圖所示。

隨后，將原本的路徑修改為我們安裝路徑中，node_global文件夾所對應(yīng)的路徑，如下圖所示。

接下來，以管理員身份打開命令行，并分別輸入如下的代碼，用來告訴npm我們前面設(shè)置的緩存文件夾和全局文件夾到底是哪2個。其中，記得按照大家實際的node_cache與node_global文件夾路徑，來對下面的代碼加以修改。

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"

執(zhí)行上述代碼，如下圖所示。

同時，再輸入如下的代碼，將npm換源，換成淘寶源，從而加快我們后面用npm下載各類包的速度。

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

執(zhí)行上述代碼，如下圖所示。

至此，我們就將Node.js與npm環(huán)境配置完成了；接下來，就可以用npm安裝各類包了。

例如，我這里用pnpm這個包來測試一下，看看是否可以用npm來下載、安裝。

在管理員身份打開的命令行中，分別輸入如下代碼；其中，前者是查詢當前pnpm的版本，后者則是利用npm來下載、安裝pnpm。

pnpm -v
npm install -g pnpm

執(zhí)行上述代碼，如下圖所示。因為一開始我們沒有安裝pnpm，所以第1句代碼執(zhí)行后，就顯示不出來其版本；而第2句代碼則是對pnpm的安裝。

此外，還需要注意：在后續(xù)使用npm或者pnpm執(zhí)行各類命令時，有可能會出現(xiàn)類似無法加載文件XXX，因為在此系統(tǒng)上禁止運行腳本。這樣的提示信息，如下圖所示。

對于這種情況，我們首先用管理員身份打開Windows PowerShell，如下圖所示。

隨后，在其中分別執(zhí)行如下所示的代碼。

get-executionpolicy
set-executionpolicy remotesigned

執(zhí)行上述代碼，如下圖所示。

此時，再次執(zhí)行npm或者pnpm命令，就沒問題了。

至此，大功告成。

以上就是Windows系統(tǒng)下載、部署Node.js與npm環(huán)境的操作方法的詳細內(nèi)容，更多關(guān)于Windows下載、部署Node.js與npm環(huán)境的資料請關(guān)注腳本之家其它相關(guān)文章！

最新評論