1. 程式人生 > >Windows環境下的NodeJS+NPM+GIT+Bower安裝配置步驟

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

Windows下的NodeJS安裝是比較方便的(v0.6.0版本之後,支援windows native),只需要登陸官網(http://nodejs.org/),便可以看到首頁的“INSTALL”按鈕,直接點選就會自動下載安裝。安裝過程基本直接“NEXT”就可以了。(Windows的安裝msi檔案在過程中會直接新增path的系統變數,變數值是你的安裝路徑,例如預設的“C:\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 "c:\Program Files\nodejs\node_global"

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

請大家注意,因為我是預設安裝NodeJS的,地址為“c:\Program Files\nodejs”,所以大家鍵入命令時請正確輸入你們的NodeJS目錄。

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

npm install express 
-g

注意,這裡“-g”這個引數意思是裝到global目錄下,也就是上面說設定的“c:\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的配置不對,可以再次檢查以確保正確。

GIT安裝直接登入http://msysgit.github.io/,點選download下載後,預設安裝就可以了。
關於get使用說明見:http://git-scm.com/book/zh/v1

Bower的安裝依賴:NodeJS、NPM、Git
上面都已經安裝好後 就可以安裝Bower了
只需要在cmd中鍵入一行命令:

npm install bower -g

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

Q:安裝bower時,報Bower : ENOGIT git is not installed or not in the PATH錯誤?
windows環境需要配置你的Git到path,假如你的git安裝目錄是”C:\Program Files (x86)\Git”,在path中加入git的bin和cmd目錄,如C:\Program Files (x86)\Git\bin;C:\Program Files (x86)\Git\cmd