Windows環境下的NodeJS+NPM+Bower安裝配置步驟

標籤：

Windows下的NodeJS安裝是比較方便的（v0.6.0版本之後，支援windows native），只需要登陸官網（http://nodejs.org/），便可以看到首頁的“INSTALL”按鈕，直接點擊就會自動下載安裝。安裝過程基本直接“NEXT”就可以了。（Windows的安裝msi檔案在過程中會直接添加path的系統變數，變數值是你的安裝路徑，例如“C:\Program Files\nodejs”，我這裡的示範是安裝在“D:\Program Files\nodejs”）

　　廢話不多說，安裝完成之後，我們先檢測下NodeJS是否安裝成功，cmd命令列中鍵入：

node -v

　　若出現版本提示，就說明安裝成功了，如：

　　

　　npm的安裝。由於新版的NodeJS已經整合了npm，所以之前npm也一併安裝好了。同樣可以使用cmd命令列中鍵入：

npm -v

　　同樣，若出現版本提示，就說明安裝成功了，如：

　　

　　這樣，常規NodeJS的搭建到現在為止已經完成了，迫不及待的話你可以在cmd命令列中鍵入“node”進入node開發模式下，輸入你的NodeJS第一句：”hello world“ – 輸入：console.log(‘hello world’)。這裡就不再多作示範了。

　　npm作為一個NodeJS的模組管理，之前我由於沒有系統地看資料所以導致安裝配置模組的時候走了一大段彎路，所以現在很有必要列出來記錄下。我們要先配置npm的全域模組的存放路徑以及cache的路徑，例如我希望將以上兩個檔案夾放在NodeJS的主目錄下，便在NodeJs下建立“node_global”及“node_cache”兩個檔案夾。我們就在cmd中鍵入兩行命令：

npm config set prefix "D:\Program Files\nodejs\node_global"

　　和

npm config set cache "D:\Program Files\nodejs\node_cache"

　　請大家注意，因為我事先降NodeJS安裝在了“D:\Program Files\nodejs”目錄下，所以大家鍵入命令時請正確輸入你們的NodeJS目錄。

　　現在我們來裝個模組試試，選擇express這個比較常用的模組。同樣在cmd命令列裡面，輸入：

npm install express -g

　　注意，這裡“-g”這個參數意思是裝到global目錄下，也就是上面說設定的“D:\Program Files\nodejs\node_global”裡面。待cmd裡面的安裝過程滾動完成後，會提示“express”裝在了哪、版本還有它的目錄結構是怎樣。

　　下面這一步非常關鍵，我們需要設定系統變數。進入我的電腦→屬性→進階→環境變數。在系統變數下建立“NODE_PATH”，輸入“C:\Program Files\nodejs\node_global\node_modules”。如所示：

　　

　　如果以上步驟都OK的話，我們可以再次開啟cmd命令列，鍵入：

node

　　待出現“> ”標記後，在鍵入：

require(‘express‘)

　　用途是測試下node的模組全域路徑是否配置正確了。正確的話cmd會列出express的相關資訊。如：

　　

　　如出錯一般都是NODE_PATH的配置不對，可以再次檢查以確保正確。

　　好了，現在我們已經安裝配置好NodeJS+npm了，那麼我們現在安裝Bower就顯得容易得多，只需要在cmd中鍵入一行命令：

npm install bower -g

　　若檢測是否安裝成功方法同express一樣。

　　結束語：

　　以上便是本人在安裝配置NodeJS的時候的操作，由於新手的緣故，藉助了google查閱了很多資料，希望對剛開始接觸NodeJS的朋友都有點協助。我現在用的IDE是Sublime text 2 + NodeJS的外掛程式這個組合，能夠在Sublime裡面直接編譯node的程式，挺方便的。

Windows環境下的NodeJS+NPM+Bower安裝配置步驟