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

Windows下的NodeJS安裝是比較方便的(v0.6.0版本以後,支持windows native),只須要登錄官網(http://nodejs.org/),即可以看到首頁的「INSTALL」按鈕,直接點擊就會自動下載安裝。安裝過程基本直接「NEXT」就能夠了。(Windows的安裝msi文件在過程當中會直接添加path的系統變量,變量值是你的安裝路徑,例如「C:\Program Files\nodejs)node

  廢話很少說,安裝完成以後,咱們先檢測下NodeJS是否安裝成功,cmd命令行中鍵入:express

node -v   會出現當前的版本號表示安裝成功npm

npm的安裝。因爲新版的NodeJS已經集成了npm,因此以前npm也一併安裝好了。一樣可使用cmd命令行中鍵入:windows

npm -v  會出現當前的版本號表示安裝成功測試

這樣,常規NodeJS的搭建到如今爲止已經完成了,火燒眉毛的話你能夠在cmd命令行中鍵入「node」進入node開發模式下,輸入你的NodeJS第一句:」hello world「 - 輸入:console.log('hello world')。這裏就再也不多做演示了。ui

  npm做爲一個NodeJS的模塊管理,以前我因爲沒有系統地看資料因此致使安裝配置模塊的時候走了一大段彎路,因此如今頗有必要列出來記錄下。咱們要先配置npm的全局模塊的存放路徑以及cache的路徑,例如我但願將以上兩個文件夾放在NodeJS的主目錄下,便在NodeJs下創建「node_global」及「node_cache」兩個文件夾。咱們就在cmd中鍵入兩行命令:spa

npm config set prefix "C:\Program Files\nodejs\node_global"命令行

npm config set cache "C:\Program Files\nodejs\node_cache"
code

如今咱們來裝個模塊試試,選擇express這個比較經常使用的模塊。一樣在cmd命令行裏面,輸入:orm

npm install express -g

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

  下面這一步很是關鍵,咱們須要設置系統變量。進入個人電腦→屬性→高級→環境變量。在系統變量下新建「NODE_PATH」,輸入「C:\Program Files\nodejs\node_global\node_global」。以下圖所示:

若是以上步驟都OK的話,咱們能夠再次開啓cmd命令行,鍵入:

注意:(請使用管理員運行,以避免形成沒必要要的麻煩)

node     

待出現「> 」標記後,在鍵入:

require('express')

用途是測試下node的模塊全局路徑是否配置正確了。正確的話cmd會列出express的相關信息

如出錯通常都是NODE_PATH的配置不對,能夠再次檢查以確保正確。

好了,如今咱們已經安裝配置好NodeJS+npm了,那麼咱們如今安裝Bower就顯得容易得多,只須要在cmd中鍵入一行命令:

npm install bower -g

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

將bower路徑添加到系統路徑  C:\Program Files\nodejs\node_global

相關文章
相關標籤/搜索