1. 程式人生 > >myeclipse安裝nodejs外掛

myeclipse安裝nodejs外掛

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/

2.安裝Express,supervisor安裝

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

安裝方式:開啟cmd命令視窗,

指定版本:npm install -g [email protected]

,執行完成之後執行express -V即可(個人覺得3.5版本初學還是好用學,4.X版本存在大不同,在未成熟之前還是建議用3.X版本)

===》要是出現webstrom新建express工程時出現express version unavailable的情況時:

這樣做:npm config list檢視對應的registry是什麼,然後刪除npm config delete registry即可,重啟webstrom即可。(mark一下了,幾次遇到這個問題了)

最新版本:輸入 npm uninstall -g express 解除安裝express,輸入npm install -g express ,接著 npm install -g express-generator =>express -V

會輸出版本號。

supervisor安裝:

全域性安裝:npm install supervisor -gd,

安裝在專案裡:npm install supervisor

之後執行:npm info ok;==>supervisor -help

熱部署:windows=>preferenc=>nodeeclipse=>

這裡圖片很大,看不清可以放大,或者拖到新標籤裡面開啟


確記不要對find node on path打鉤,否則真的無法實現熱部署(吃過虧了)

如果是用命令列的方法,就直接進入專案,supervisor app.js這樣就可以實現啦啦啦啦。。。

run->run configurations

 預設debug 埠5858,然後重新run as(不是debug as)

然後開啟V8 虛擬機器埠,上面入口時5858,這裡也要保持一致。然後點選debug按鈕。 

debug configurations

 這時,eclipse裡面會多出一個工程。

 3.新建Node工程。

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

nodeclipse 配置

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

nodeclipse 配置

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

nodeclipse 配置

……

nodeclipse 配置

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

nodeclipse 配置

4. 配置Eclipse的Nodeeclipse屬性。

選擇Windows》Preferences》Nodeeclipse,

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

ExpressPath:選擇Express的路徑,預設在npm下。

nodeclipse 配置

5. 執行

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

nodeclipse 配置

6. 驗證自動生效(因為本機是express 4.9版本,所以npmstart 啟動專案,另埠在www下面配置

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

nodeclipse 配置

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

關於版本不相容及升級可採用npm update版本升級,不過時間比較長,另有一外掛https://github.com/creationix/nvm可控制元件版本。