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」)node

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

node -v

  若出現版本提示,就說明安裝成功了npm

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

npm -v

  一樣,若出現版本提示,就說明安裝成功了,以下圖:測試

個人:ui

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

  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目錄。code

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

npm install express -g

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

  下面這一步很是關鍵,咱們須要設置系統變量。進入個人電腦→屬性→高級→環境變量。在系統變量下新建「NODE_PATH」,輸入「D:\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同樣。

  結束語:

 

  以上即是本人在安裝配置NodeJS的時候的操做,因爲新手的緣故,藉助了google查閱了不少資料,但願對剛開始接觸NodeJS的朋友都有點幫助。我如今用的IDE是Sublime text 2 + NodeJS的插件這個組合,可以在Sublime裏面直接編譯node的程序,挺方便的。

相關文章
相關標籤/搜索