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

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

下載后，將會(huì)得到1個(gè).msi格式文件，如下圖所示。

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

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

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

node -v
npm -v

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

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

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

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

添加后，如下圖所示。

隨后，再打開(kāi)用戶變量中的Path，如下圖所示。

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

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

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

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

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

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

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

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

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

例如，我這里用pnpm這個(gè)包來(lái)測(cè)試一下，看看是否可以用npm來(lái)下載、安裝。

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

pnpm -v
npm install -g pnpm

執(zhí)行上述代碼，如下圖所示。因?yàn)橐婚_(kāi)始我們沒(méi)有安裝pnpm，所以第1句代碼執(zhí)行后，就顯示不出來(lái)其版本；而第2句代碼則是對(duì)pnpm的安裝。

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

對(duì)于這種情況，我們首先用管理員身份打開(kāi)Windows PowerShell，如下圖所示。

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

get-executionpolicy
set-executionpolicy remotesigned

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

此時(shí)，再次執(zhí)行npm或者pnpm命令，就沒(méi)問(wèn)題了。

至此，大功告成。

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

最新評(píng)論