用Eclipse调试Node.js代码

摘要:
节点。Js基于GoogleV8,它有一个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的第一行加了断点),具体还是各位童鞋自己实践吧。

参考: https://github.com/joyent/node/wiki/Using-Eclipse-as-Node-Applications-Debugger

免责声明:文章转载自《用Eclipse调试Node.js代码》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Oracle 汉字转拼音Jeecg2.3 打包下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

浅谈前后端分离与实践 之 nodejs 中间层服务

一、背景 书接上文,浅谈前后端分离与实践(一) 我们用mock服务器搭建起来了自己的前端数据模拟服务,前后端开发过程中只需定义好接口规范,便可以相互进行各自的开发任务。联调的时候,按照之前定义的开发规范进行数据联调便可以了。前后端的职能更加清晰: 后端 前端 提供数据 接收数据,返回数据 处理业务逻辑 处理渲染逻辑 Server-side...

阿里云CentOS搭建EasyMock​

阿里云CentOS搭建EasyMock​ 简介 Easy Mock 是一个可视化,并且能快速生成 模拟数据 的持久化服务。 特性 支持接口代理 支持快捷键操作 支持协同编辑 支持团队项目 支持 Restful 支持 Swagger 1.2 & 2.0 基于 Swagger 快速创建项目 支持显示接口入参与返回值 支持显示实体类 支持灵活性与扩...

实现自己的.NET Core配置Provider之Yaml

YAML是一种更适合人阅读的文件格式,很多大型的项目像Ruby on Rails都选择YAML作为配置文件的格式。如果项目的配置很少,用JSON或YAML没有多大差别。看看rails项目中的配置文件,如果用JSON写试试什么感受吧。 在《实现自己的.NET Core配置Provider之EF》中已经讲过配置的执行流程,这里不再复述,直接动手。 YamlCo...

2、webpack基础配置

我们需要安装webpack 还需要安装webpack cli 这两个都是我们的开发依赖 这里我们一般会加一个-D表示上线的时候不需要他们两个包 安装我们的webpack 先初始化一下,记住我们的安装依赖 我机器代码的路径: D:MyDemoswebpack4webpack-dev-1 Ctrl+鼠标右键打开CMD窗体。输入 yarn init -y 初...

vscode如何调试node项目(给node项目打断点)

方法一:  vscode安装Node Debug这个插件,如下 然后在package.json文件里添加 main 字段, 内容为 node 项目的启动入口文件, 如下图所示, 然后点击下面箭头所指的Debug按钮, 这个按钮是Node Debug 插件自动生成的。 点击后出现下面这个,然后选择 main 对应的那个入口文件即可。 点击完如下,Dub...

vue项目中安装cnpm和node_modules

1.安装cnpm的nodejs包管理工具,命令行: npm install -g cnpm --registry=https://registry.npm.taobao.org   2. 每个vue项目需要配置自己单独的node_modules模块,具体构建过程如下: step1: cd到你的项目根目录下 step1: 执行 “cnpm insta...