NODEJS+ECLIPSE的環境搭建


1. 安裝nodeJs ,在官網 http://nodejs.org/ 直接點擊 install 按鈕,next到最后。可以使用node -v來校驗是否安裝和配置成功(打開cmd命令窗口,輸入node -v,如果正確安裝正確,則會輸出安裝的Node.js版本號);成功了以后,在命令窗口下執行命令: npm -v ,若Node.js安裝成功的話,npm也是安裝成功的,因為Node.js已經自帶npm。

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 (一個nodeJs的web框架) 即可。

 

使用熟悉的npm install -g express命令安裝,但是,安裝成功之后居然提示express不是內部或外部命令,然后卸載: npm uninstall -g express,並使用指定版本安裝: npm install -g express@3.5.0

查看版本: express -V

最新express4.x版本中將命令工具分家出來了(項目地址:https://github.com/expressjs/generator),所以我們還需要安裝一個命令工具,命令如下:

npm install -g express-generator

然后又卸載舊版並重裝最新版的Express,並創建工程測試。

4. 下載 eclipse nts (可以理解 eclipse for nodeJs IDE),2選1.

官網:http://www.nodeclipse.org/

下載我download好的:http://pan.baidu.com/s/1iPzgz

5. 用集成IDE默認的eclipse工作空間,即解壓后的 ws文件夾

 

 

2) 打開 cmd 切換到helloworld 目錄的上級目錄,輸入 express -e ejs helloworld(注意 express 3.* 中安裝 ejs 不再是 -t 而是 -e),然后什么都不要動(網上有人說刪掉里面的文件,是錯誤的!)。如果是jode的項目 輸入  express -j helloworld

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

6. 啟動npm    同樣在helloworld 目錄下 輸入 npm start 啟動npm  ,啟動后,可以直接在瀏覽器訪問!

7. 配置Eclipse的Nodeeclipse屬性。

選擇Windows》Preferences》Nodeeclipse,

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

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

8. 運行

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

 

 9.驗證自動生效

在瀏覽器中輸入http://localhost:3000


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM