eclipse nodejs項目搭建

轉載:http://blog.csdn.net/ygh_0912/article/details/9108541

說明:本人OS爲64位windows7 

Eclipse開發環境搭建前提條件:1)Node.js已安裝ok,環境變量已配置,可以使用node -v來校驗是否安裝和配置成功(打開cmd命令窗口,輸入node -v,如果正確安裝正確,則會輸出安裝的Node.js版本號);成功了以後,在命令窗口下執行命令: npm -v ,若Node.js安裝成功的話,npm也是安裝成功的,因爲Node.js已經自帶npm。

              2)Eclipse已安裝ok。

搭建步驟:

1. Eclipse插件:

              NodeJS的插件:http://www.nodeclipse.org/updates/

              VJET編輯提示插件http://download.eclipse.org/vjet/updates-0.10

              Google開發插件:http://chromedevtools.googlecode.com/svn/update/dev/

              採用Eclipse插件的通用安裝方式即可(Eclipse》Help》install new software)

2. 安裝supervisor

因爲 Node.js 只有在第一次引用到某部份時纔會去解析腳本文件,以後都會直接訪問內存,避免重複載入,這種設計雖然有利於提高性能,卻不利於開發調試,因爲我們在開發過程中總是希望修改後立即看到效果,而不是每次都要終止進程並重啓。 supervisor 可以幫助你實現這個功能,它會監視你對代碼的改動,並自動重啓 Node.js 。

安裝方式:打開cmd命令窗口,輸入npm install -g supervisor即可。

運行方式:supervisor XX.js。如下:

              E:\tech\nodejs\microblog>supervisorapp.js

              DEBUG: Runningnode-supervisor with
              DEBUG:   program 'app.js'
              DEBUG:   --watch '.'
              DEBUG:   --ignore 'undefined'
              DEBUG:   --extensions 'node|js'
              DEBUG:   --exec 'node'

              DEBUG: Starting child process with 'node app.js'
              DEBUG: Watching directory 'E:\tech\nodejs\microblog' for changes.

              HTTP server islistening at port 3000.

3. 安裝Express

Express是目前最穩定、使用最廣泛,而且是Node.js官 方推薦的唯一一個 Web 開發框架。

    安裝方式:打開cmd命令窗口,輸入npm  install  -g  express 即可。

校驗是否安裝成功命令:express –V,會輸出版本號。

 

4. 新建Node工程。

1) New》Node Project,命名爲helloworld。

 

2) 打開 cmd 切換到helloworld 目錄的上級目錄,輸入 express -e ejs helloworld(注意 express 3.* 中安裝 ejs 不再是 -t 而是 -e)。

 

3) 切換到helloworld目錄下,輸入npm install 安裝所需模塊,

……

 

4)   刷新Eclipse中的工程,看到效果如下圖所示:

 

5. 配置Eclipse的Nodeeclipse屬性。

選擇Windows》Preferences》Nodeeclipse,

NodePath:選擇supervisor的路徑,默認在npm下,注意,此處一定要選擇supervisor的路徑,如果選擇Node.exe的路徑,則修改代碼後不會自動生效。

ExpressPath:選擇Express的路徑,默認在npm下。

 

6. 運行

選擇啓動的js,Run as》Node Application即可

 

 

 

7.   驗證自動生效

在瀏覽器中輸入http://localhost:3000,顯示如下圖。

在app.js的空白處打空格,然後保存,可以看到自動生效的信息如下圖:說明已自動生效。

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章