快捷導(dǎo)航

NodeJS、NPM安裝配置步驟(windows版本) 以及環(huán)境變量詳解

更新時(shí)間：2017年05月13日 15:29:56 作者：Jones Ho

本篇文章主要介紹了NodeJS、NPM安裝配置步驟(windows版本) 以及環(huán)境變量詳解，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

1、windows下的NodeJS安裝是比較方便的（v0.6.0版本之后，支持windows native），只需要登陸官網(wǎng)（http://nodejs.org/），便可以看到首頁(yè)的“INSTALL”按鈕，直接點(diǎn)擊就會(huì)自動(dòng)下載安裝了。

2、安裝過(guò)程基本直接“NEXT”就可以了。（windows的安裝msi文件在過(guò)程中會(huì)直接添加path的系統(tǒng)變量，變量值是你的安裝路徑，例如“C:\Program Files\nodejs”）。

3、安裝完成后可以使用cmd（win+r然后輸入cmd進(jìn)入）測(cè)試下是否安裝成功。方法：在cmd下輸入node -v，出現(xiàn)下圖版本提示就是完成了NodeJS的安裝。

4、npm的安裝。由于新版的NodeJS已經(jīng)集成了npm，所以之前npm也一并安裝好了。同樣可以使用cmd命令行輸入"npm -v"來(lái)測(cè)試是否成功安裝。如下圖，出現(xiàn)版本提示便OK了。

5、常規(guī)NodeJS的搭建到現(xiàn)在為止已經(jīng)完成了，急不及待的話你可以在”cmd“輸入”node“進(jìn)入node開發(fā)模式下，輸入你的NodeJS第一句：”hello world“ - 輸入：console.log('hello world')。

6、npm作為一個(gè)NodeJS的模塊管理，之前我由于沒有系統(tǒng)地看資料所以導(dǎo)致安裝配置模塊的時(shí)候走了一大段彎路，所以現(xiàn)在很有必要列出來(lái)記錄下。

①、我們要先配置npm的全局模塊的存放路徑以及cache的路徑，例如我希望將以上兩個(gè)文件夾放在NodeJS的主目錄下，便在NodeJs下建立"node_global"及"node_cache"兩個(gè)文件夾。如下圖

②、啟動(dòng)cmd，輸入

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

③、現(xiàn)在我們來(lái)裝個(gè)模塊試試，選擇express這個(gè)比較常用的模塊。同樣在cmd命令行里面，輸入“npm install express -g”（“-g”這個(gè)參數(shù)意思是裝到global目錄下，也就是上面說(shuō)設(shè)置的“C:\Program Files\nodejs\node_global”里面。）。待cmd里面的安裝過(guò)程滾動(dòng)完成后，會(huì)提示“express”裝在了哪、版本還有它的目錄結(jié)構(gòu)是怎樣。如下圖

④、關(guān)閉cmd，打開系統(tǒng)對(duì)話框，“我的電腦”右鍵“屬性”-“高級(jí)系統(tǒng)設(shè)置”-“高級(jí)”-“環(huán)境變量”。如下圖

⑤、進(jìn)入環(huán)境變量對(duì)話框，在系統(tǒng)變量下新建"NODE_PATH"，輸入”C:\Program Files\nodejs\node_global\node_modules“。（ps：這一步相當(dāng)關(guān)鍵。）

2014.4.19新增：由于改變了module的默認(rèn)地址，所以上面的用戶變量都要跟著改變一下（用戶變量"PATH"修改為“C:\Program Files\nodejs\node_global\”），要不使用module的時(shí)候會(huì)導(dǎo)致輸入命令出現(xiàn)“xxx不是內(nèi)部或外部命令，也不是可運(yùn)行的程序或批處理文件”這個(gè)錯(cuò)誤。

⑥、以上步驟都OK的話，我們可以再次開啟cmd命令行，進(jìn)入node，輸入“require('express')”來(lái)測(cè)試下node的模塊全局路徑是否配置正確了。正確的話cmd會(huì)列出express的相關(guān)信息。如下圖（如出錯(cuò)一般都是NODE_PATH的配置不對(duì)，可以檢查下第④⑤步）