快捷導(dǎo)航

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

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

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

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

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

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

4、npm的安裝。由于新版的NodeJS已經(jīng)集成了npm，所以之前npm也一并安裝好了。同樣可以使用cmd命令行輸入"npm -v"來測試是否成功安裝。如下圖，出現(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作為一個NodeJS的模塊管理，之前我由于沒有系統(tǒng)地看資料所以導(dǎo)致安裝配置模塊的時候走了一大段彎路，所以現(xiàn)在很有必要列出來記錄下。

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

②、啟動cmd，輸入

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

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

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

⑤、進(jìn)入環(huán)境變量對話框，在系統(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的時候會導(dǎo)致輸入命令出現(xiàn)“xxx不是內(nèi)部或外部命令，也不是可運行的程序或批處理文件”這個錯誤。

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