node.js環(huán)境搭建圖文詳解

更新時(shí)間：2018年09月19日 10:44:46 作者：javaa

Node.js 是一個(gè)讓 JavaScript 運(yùn)行在服務(wù)端的開發(fā)平臺(tái)，小編在空閑時(shí)間就研究nodejs的相關(guān)知識(shí)，下面是本文給大家?guī)淼膎ode.js環(huán)境搭建教程圖解，感興趣的朋友跟隨小編一起學(xué)習(xí)吧

身為一名Java開發(fā)者對(duì)前端充滿無限的好奇，于是開始踏入前端的領(lǐng)地。要想先學(xué)習(xí)，搭建環(huán)境是必備，所以整理一篇node.js環(huán)境搭建教程。

Node.js 是一個(gè)讓 JavaScript 運(yùn)行在服務(wù)端的開發(fā)平臺(tái)

官網(wǎng)https://nodejs.org

下載

下載地址https://nodejs.org/en/download/

本次下載LTS長期支持版,.zip解壓版本(當(dāng)然也可以使用安裝版.msi),點(diǎn)擊右側(cè)[64-bit]即可下載.

解壓

解壓到自己所要存放的文件夾中，如圖：

解壓完成后會(huì)有node-v8.12.0-win-x64文件夾

配置環(huán)境變量

[我的電腦]-右鍵->[屬性]-左側(cè)->[高級(jí)系統(tǒng)設(shè)置]-下側(cè)->[環(huán)境變量]

圖示：

想要在cmd黑窗口中使用node命令，需要在path中加入node安裝路徑，點(diǎn)擊編輯按鈕，新增node安裝路徑。
以下是win10的界面，點(diǎn)擊編輯文本按鈕即可切換至和win7一樣的界面。

D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安裝目錄，請(qǐng)換成自己的目錄?。。。。?！

或者在編輯框中加上,對(duì)應(yīng)自己的node路徑

;D:\aqqaz\dev\Java\jdk1.8.0_181\bin;
這樣node.js基本環(huán)境就配置完成

測(cè)試node環(huán)境

快捷鍵win+R,輸入cmd,點(diǎn)擊確定按鈕

輸入node -v

返回node版本

輸入npm -v

返回npm版本

表示環(huán)境變量配置成功

此處說明下：新版的Node.js已自帶npm，安裝Node.js時(shí)會(huì)一起安裝，npm的作用就是對(duì)Node.js依賴的包進(jìn)行管理，也可以理解為用來安裝/卸載Node.js需要裝的東西.

配置環(huán)境變量(npm)

此處主要配置的是npm安裝的全局模塊所在的路徑和緩存cache的路徑，因?yàn)樵谝院笫褂胣ode.js的時(shí)候會(huì)經(jīng)常使用nmp命令來下載包,比如npm install express [-g] （后面的可選參數(shù)-g，g代表global全局安裝的意思）的安裝語句時(shí)，會(huì)將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中，占C盤空間.

在安裝node的目錄下,node-v8.12.0-win-x64下新建文件夾node_cache和node_global

node_cache存放緩存,node_global下載的包

如圖

然后，在node中設(shè)置，win+R 運(yùn)行cmd，進(jìn)入黑窗口。

輸入

npm config set prefix "D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global"

回車

npm config set cache "D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_cache"

D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安裝目錄，請(qǐng)換成自己的目錄?。。。。?！

在環(huán)境變量中新建，添加變量名【NODE_PATH】，變量值【D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global\node_modules】，確定
D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安裝目錄，請(qǐng)換成自己的目錄！?。。。?！