Step1：下載安裝包

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

根據(jù)自己電腦系統(tǒng)及位數(shù)選擇，我的電腦是Windows系統(tǒng)、64位、想下載穩(wěn)定版的.msi（LTS為長期穩(wěn)定版）這里選擇windows64位.msi格式安裝包。

.msi和.zip格式區(qū)別：

.msi是Windows installer開發(fā)出來的程序安裝文件，它可以讓你安裝，修改，卸載你所安裝的程序。說白了.msi就是Windows installer的數(shù)據(jù)包，把所有和安裝文件相關(guān)的內(nèi)容封裝在一個(gè)包里。此外：它還包含有關(guān)安裝過程自己的信息。例如：安裝序列、目標(biāo)文件夾路徑、安裝選項(xiàng)和控制安裝過程的屬性。.zip是一個(gè)壓縮包，解壓之后即可，不需要安裝

下載方式1：官網(wǎng)下載頁進(jìn)行下載

下載方式2：官網(wǎng)首頁直接下載

Step2：安裝程序

①下載完成后，雙擊安裝包，開始安裝，使用默認(rèn)配置安裝一直點(diǎn)next即可，安裝路徑默認(rèn)在C:\Program Files下，也可以自定義修改

②安裝路徑默認(rèn)在C:\Program Files下面，也能夠自定義修改，而后點(diǎn)擊next（我這里設(shè)置我的安裝目錄為E:\KF\node.js\ 根據(jù)自己的需要進(jìn)行更改。）

③下圖根據(jù)本身的需要進(jìn)行，我選擇了默認(rèn)Node.js runtime，而后Next

• Node.js runtime ：表示運(yùn)行環(huán)境
• npm package manager：表示npm包管理器
• online documentation shortcuts ：在線文檔快捷方式
• Add to PATH：添加到環(huán)境變量

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

⑤點(diǎn)擊Install，進(jìn)行安裝

⑥點(diǎn)擊finish，完成安裝

⑦安裝完成后，.msi格式的安裝包已經(jīng)將node啟動(dòng)程序添加到系統(tǒng)環(huán)境變量path中,咱們能夠查看系統(tǒng)變量進(jìn)行驗(yàn)證：在【個(gè)人電腦】右鍵→【屬性】→【高級系統(tǒng)設(shè)置】

⑧點(diǎn)擊【高級】→【環(huán)境變量】

⑨在系統(tǒng)變量中查看【path】，點(diǎn)擊【編輯】

⑩會(huì)發(fā)現(xiàn).msi格式的安裝包已經(jīng)將node啟動(dòng)程序添加到系統(tǒng)環(huán)境變量path中

Step3：查看

① 既然已經(jīng)將node程序添加到全局系統(tǒng)變量中，把咱們能夠直接在CMD窗口中任意位置執(zhí)行node，打開CMD窗口，執(zhí)行命令node -v查看node版本

【注意：此時(shí)是打開CMD窗口，并非在C:\Program Files\nodejs目錄下執(zhí)行node.exe】

② 最新版的node在安裝時(shí)同時(shí)也安裝了npm,執(zhí)行npm -v查看npm版本

③ 默認(rèn)狀況下，咱們在執(zhí)行npm install -g XXXX時(shí)，下載了一個(gè)全局包，這個(gè)包的默認(rèn)存放路徑C:\Users\Administrator\AppData\Roaming\npm\node_modules下，能夠經(jīng)過CMD指令npm root -g查看

⑤ 一部分經(jīng)常使用的命令，以下：

• npm -v：查看npm安裝的版本。
• npm init：會(huì)引導(dǎo)你建立一個(gè)package.json文件，包括名稱、版本、作者等信息。
• npm list：查看當(dāng)前目錄下已安裝的node包。
• npm ls：查看當(dāng)前目錄下已安裝的node包。
• npm install moduleNames：安裝Node模塊到本地目錄node_modules下。
• npm install < name > -g：將包安裝到全局環(huán)境中。
• npm install < name > --save：安裝的同時(shí)，將信息寫入package.json中，項(xiàng)目路徑中若是有package.json文件時(shí)，直接使用npm install方法就能夠根據(jù)dependencies配置安裝全部的依賴包，這樣代碼提交到git時(shí)，就不用提交node_modules這個(gè)文件夾了。
• npm install < name> --save-dev：安裝的同時(shí)，將信息寫入package.json中項(xiàng)目路徑中若是有package.json文件時(shí)，直接使用npm install方法就能夠根據(jù)devDependencies配置安裝全部的依賴包，這樣代碼提交到git時(shí)，就不用提交node_modules這個(gè)文件夾了。
• npm uninstall moudleName：卸載node模塊。

Step4：環(huán)境配置

① 打開安裝的目錄（默認(rèn)安裝情況下在C:\Program Files\nodejs）

② 在安裝目錄下新建兩個(gè)文件夾【node_global】和【node_cache】

③ 再次打開cmd命令窗口，輸入npm config set prefix “你的路徑\node_global”（“你的路徑”默認(rèn)安裝的狀況下為 C:\Program Files\nodejs）

npm config set prefix "E:\KF\nodejs\node_global"

④ npm config set cache “你的路徑\node_cache” 可直接復(fù)制剛剛新建的空文件夾目錄

npm config set cache "E:\KF\nodejs\node_cache"

執(zhí)行的時(shí)候建議使用管理員權(quán)限打開CMD，否則有可能會(huì)提示權(quán)限不夠報(bào)錯(cuò)

⑤設(shè)置環(huán)境變量，打開【系統(tǒng)屬性】-【高級】-【環(huán)境變量】，在系統(tǒng)變量中新建

變量名：NODE_PATH

變量值：C:\Program Files\nodejs\node_global\node_modules

（ 用來告訴系統(tǒng)， 下載的模塊或者包都在這里了）

⑥ 編輯用戶變量（環(huán)境變量）的 path，將默認(rèn)的 C 盤下 APPData\Roaming\npm 修改成 C:\Program Files\nodejs\node_global，點(diǎn)擊確定

最后別忘了在Path里面添加NODE_PATH

⑦ 測試，配置完成后，安裝個(gè)module測試下，咱們就安裝最經(jīng)常使用的express模塊，打開cmd窗口，輸入以下命令進(jìn)行模塊的全局安裝：

npm install express -g   // -g是全局安裝的意思

最后補(bǔ)充：

經(jīng)過npm安裝模塊時(shí)都是去國外的鏡像下載的，可是有的時(shí)候因?yàn)榫W(wǎng)絡(luò)等緣由致使安裝模塊失敗，好在阿里有團(tuán)隊(duì)維護(hù)國內(nèi)鏡像 淘寶 NPM 鏡像 ，上面有使用說明，你們可自行查看

**添加國內(nèi)鏡像源：**如果沒有梯子的話，可以使用阿里的國內(nèi)鏡像進(jìn)行加速。

npm config set registry https://registry.npm.taobao.org

使用定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認(rèn)的 npm:

npm install -g cnpm --registry=https://registry.npmmirror.com

到此這篇關(guān)于node.js安裝及環(huán)境配置超詳細(xì)教程(Windows系統(tǒng)安裝包方式)的文章就介紹到這了,更多相關(guān)node.js安裝環(huán)境配置內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論