eclipse配置nodejs开发环境

 

首先说明一下本人的开发环境,个人兴趣爱好问题,这边使用的很多环境都是基于Linux系统下做的,这次也不例外。

前提条件:NodeJs已经在系统中正确安装。如下图:(没错就这么神奇)。

1、下载安装eclipse,地址:http://www.eclipse.org/downloads/

下载Eclipse Standard 4.3.2Eclipse Standard 版本即可。

2、安装nodeclipse插件:

Name:nodeclipse

Location:http://www.nodeclipse.org/updates

3、javascript编辑插件 -- VJET

Name: VJET

Location:http://download.eclipse.org/vjet/updates-0.10

包含的全部选择即可。

4、google V8插件(调试必备)

Name:googleV8

Location:http://chromedevtools.googlecode.com/svn/update/dev/

包含的也可以全部选择。

5、安装完成重启eclipse,配置node相关信息:


6、测试代码:

新建node项目:


在项目中新建hello.js文件,代码如下:

[javascript] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. var http = require('http');  
  2. http.createServer(function handler(request, respose) {  
  3.     respose.writeHead(200, {  
  4.         'Content-Type' : 'text/html'  
  5.     });  
  6.     respose.end('世界你好。\n');  
  7. }).listen(8080,'192.168.2.112');  
  8. console.log("服务器已经启动,地址为:http://192.168.2.112:8080");  
运行如下:
hello.js --> run as  --> Node Application 

eclipse console输出如下:


浏览器访问:http://192.168.2.112:8080/  即可。(如果遇到乱码问题,请更换浏览器编码即可。如将chrome编码设置为自动检测



用Eclipse调试Node.js代码

node.js是基于Google V8的,而Google V8有一个Eclipse的调试插件,这个插件同样也支持node.js。

1、安装Eclipse debugger for V8

这个,用过Eclipse的应该都知道,不过还是简单说下吧:

wps_clip_image-13545

选择“Install New Software”

wps_clip_image-13957

点“Add”

wps_clip_image-14038

Location为: http://chromedevtools.googlecode.com/svn/update/dev/
Name你喜欢,整一个方便你记忆的就好。

点击确定后,在“Work with“选择你刚才添加的站点:

wps_clip_image-14557

然后选择“Chromium JavaScript Remote Debugger”,然后一直下一步,安装完后会提示重启Eclipse,重启Eclipse后就可以开始调试了。

2、怎样调试Nodejs?

从插件名称中的“Remote”可以预想到这是一个远程调试的工具,大概的流程就是node开一个tcp的调试端口,然后这个调试工具通过这个tcp端口来和node通讯实现调试。

要启用node的调试端口,在执行node脚本的时候需要添加 –-debug 参数:

  
  
node -- debug[ = port] NodeApp.js or node -- debug - brk[ = port] NodeApp.js

其中port为开启的调试端口,默认为5858.
--debug和--debug-brk的区别在于,--debug执行脚本的时候会直接运行该脚本,而--debug-brk执行脚本的时候,并不会马上执行,而是等待调试器的连接,然后按调试器的指令来执行。

我们写个简单的代码来用于调试:

wps_clip_image-17441

然后用 node –debug hello_world.js 来运行:

wps_clip_image-17588

可以看到输出一行:debugger listening on port 5858
5858为默认端口,你也可以用 --debug=5859 来指定不同的端口

好,现在node的调试模式已经运行起来了,我们去配置Eclipse来连接到node并进行调试。

首先我们要到debug config里面去添加一个新的V8 VM的调试配置:

wps_clip_image-18682

右键,选择“new”来新建一个配置项:

wps_clip_image-18917

因为我们刚才node起的调试端口为默认的5858,所以这里我们的端口就是5858,名称我们定为“Node-5858”。

然后点debug开始调试,或者你使用下面的方式开始调试:

wps_clip_image-20213

调试模式大概会是这样:

wps_clip_image-20478

(注:这是调试视图,点击右上角的臭虫按钮。如果你的Eclipse上没有这个按钮,请点击上图右上角臭虫左边的添加按钮,找到debug然后添加就可以)

在调试模式连接成功后,你会在你的“Project Explorer”里面看到多了一个“Node-5858”(刚才debug config里面设置的名称)的项目,里面的文件都是调试的文件或者调试的文件require进来的文件。
打开这些文件,你就可以在里面加断点开始调试了。例如上图的第8行加了一个断点,则每次在浏览器访问的时候都会进入这个断点。

wps_clip_image-21004

其他的调试和你平时用Eclipse调试其他代码是一样的。
Eclipse的调试快捷键是,F5单步进入,F6单步跳过。

最后说一下 --debug-brk 方式启动的调试模式:

wps_clip_image-22682

可以看到仅仅是输出了一行“debugger listening on port 5858”而已,后面并没有继续输出“Server running at …..”。
这是因为用 启动的调试模式并不会马上执行代码,而是会等待调试器的连接(可以理解为在hello_world.js的第一行加了断点),具体还是各位童鞋自己实践吧。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值