Eclipse下Nodejs项目配置详细步骤

来源:互联网 发布:db2删除一列的sql语句 编辑:程序博客网 时间:2024/05/08 15:40

配置步骤:

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文件夹

6. 进入eclipse,新建Node工程。

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


 

2) 打开 cmd 切换到helloworld 目录的上级目录,输入 express -e ejs helloworld(注意 express 3.* 中安装 ejs 不再是 -t 而是 -e),然后什么都不要动(网上有人说删掉里面的文件,是错误的!

3) 切换到helloworld目录下,输入npm install 安装所需模块,


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

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,显示如下图


 说明已经OK了。

 

接下来是自选部分

Q:如何开启debug模式?

A:启动时加上启动参数,如图。(debug模式有2种,--debug 和--debug-brk,这里用debug)

run->run configurations

 默认debug 端口5858,然后重新run as(不是debug as)

然后开启V8 虚拟机端口,上面入口时5858,这里也要保持一致。然后点击debug按钮。 

debug configurations

 这时,eclipse里面会多出一个工程。

这样就说明OK了,然后自己找入口断点调试。


Q:如何维护项目依赖的第三方node模块?

A:在工程目录中找到package.json,修改其中有关依赖部分的内容;然后进入cmd控制台,在工程目录下运行npm install
 
补充一句,现在eclipse marketxxx的那个在线插件市场里,有nts即node tool suite,直接安装即可。不用下载特殊定制的eclipse了。

1 0
原创粉丝点击