怎么设置VS vscode debug的nodejs的debug

来源：蜘蛛抓取(WebSpider) 时间：2016-07-21 05:46 标签： vscode debug
怎么设置VS Code的nodejs的debug_百度知道
怎么设置VS Code的nodejs的debug
我有更好的答案
首先在全局环境中安装node inspector[javascript] view plaincopynpm install -g node-inspector
安装完成之后，以调试模式运行需要调试的node代码，比如[javascript] view plaincopynode --debug-brk app.js
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁看这里，vs code的官网关键字 launch.json关键字 npm install -g tsd
已有帐号？
无法登录？
社交帐号登录您所在的位置： &
用Eclipse调试Node.js代码
用Eclipse调试Node.js代码
node.js是基于Google V8的，而Google V8有一个Eclipse的调试插件，这个插件同样也支持node.js。
node.js是基于Google V8的，而，这个插件同样也支持node.js。
1、安装Eclipse debugger for V8
这个，用过Eclipse的应该都知道，不过还是简单说下吧：
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="wps_clip_image-13545" src="/files/uploadimg/3160.png" width="312" height="308" />
选择&Install New Software&
498)this.width=498;' onmousewheel = 'javascript:return big(this)' style="width: 452 height: 225px" alt="wps_clip_image-13957" src="/files/uploadimg/3161.png" width="609" height="271" />
498)this.width=498;' onmousewheel = 'javascript:return big(this)' style="width: 451 height: 99px" alt="wps_clip_image-14038" src="/files/uploadimg/3162.png" width="630" height="123" />
Location为： /svn/update/dev/
Name你喜欢，整一个方便你记忆的就好。
点击确定后，在&Work with&选择你刚才添加的站点：
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="wps_clip_image-14557" src="/files/uploadimg/3163.png" width="326" height="161" />
然后选择&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执行脚本的时候，并不会马上执行，而是等待调试器的连接，然后按调试器的指令来执行。
我们写个简单的代码来用于调试：
498)this.width=498;' onmousewheel = 'javascript:return big(this)' style="width: 393 height: 145px" alt="wps_clip_image-17441" src="/files/uploadimg/3164.png" width="500" height="173" />
然后用 node &debug hello_world.js 来运行：
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="wps_clip_image-17588" src="/files/uploadimg/3165.png" width="405" height="77" />
可以看到输出一行：debugger listening on port 5858
5858为默认端口，你也可以用 --debug=5859 来指定不同的端口
好，现在node的调试模式已经运行起来了，我们去配置Eclipse来连接到node并进行调试。
首先我们要到debug config里面去添加一个新的V8 VM的调试配置：
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="wps_clip_image-18682" src="/files/uploadimg/3166.png" width="339" height="515" />
右键，选择&new&来新建一个配置项：
498)this.width=498;' onmousewheel = 'javascript:return big(this)' style="width: 416 height: 349px" alt="wps_clip_image-18917" src="/files/uploadimg/3167.png" width="581" height="501" />
因为我们刚才node起的调试端口为默认的5858，所以这里我们的端口就是5858，名称我们定为&Node-5858&。
然后点debug开始调试，或者你使用下面的方式开始调试：
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="wps_clip_image-20213" src="/files/uploadimg/3168.png" width="255" height="75" />
调试模式大概会是这样：
498)this.width=498;' onmousewheel = 'javascript:return big(this)' style="width: 454 height: 308px" alt="wps_clip_image-20478" src="/files/uploadimg/3169.png" width="783" height="594" />
(注：这是调试视图，点击右上角的臭虫按钮。如果你的Eclipse上没有这个按钮，请点击上图右上角臭虫左边的添加按钮，找到debug然后添加就可以)
在调试模式连接成功后，你会在你的&Project Explorer&里面看到多了一个&Node-5858&(刚才debug config里面设置的名称)的项目，里面的文件都是调试的文件或者调试的文件require进来的文件。
打开这些文件，你就可以在里面加断点开始调试了。例如上图的第8行加了一个断点，则每次在浏览器访问的时候都会进入这个断点。
498)this.width=498;' onmousewheel = 'javascript:return big(this)' style="width: 269 height: 477px" alt="wps_clip_image-21004" src="/files/uploadimg/31610.png" width="332" height="557" />
其他的调试和你平时用Eclipse调试其他代码是一样的。
Eclipse的调试快捷键是，F5单步进入，F6单步跳过。
最后说一下 --debug-brk 方式启动的调试模式：
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="wps_clip_image-22682" src="/files/uploadimg/31611.png" width="355" height="67" />
可以看到仅仅是输出了一行&debugger listening on port 5858&而已，后面并没有继续输出&Server running at &..&。
这是因为用 启动的调试模式并不会马上执行代码，而是会等待调试器的连接(可以理解为在hello_world.js的第一行加了断点)，具体还是各位童鞋自己实践吧。
参考： /joyent/node/wiki/Using-Eclipse-as-Node-Applications-Debugger
原文：odejs.org/topic/4f16442ccae1f4aa
【编辑推荐】
【责任编辑： TEL：（010）】
关于的更多文章
Node.js是一个使用了Google高性能V8引擎的服务器端JavaScript实
大数据时代已经到来，每个企业都开始忙着数据挖掘，忙着数据分析，忙着构建各种算法模型。但为什么你无法引发“技术红颜”式的蝴蝶效应?为什么你眼中对用户的“精准推荐”，成了Ta备感厌烦的“精准骚扰”
JavaScript正凭借新型工具与功能提升以极度夸张的速度
国庆假期前的612，是不是有点折腾？网上的中秋国庆放
刚刚开始接触java数组的人都会听到一句类似的话：java
本书全面介绍了Windows Server 2003 R2中最常用的各种服务，包括域名服务、动态IP地址服务、Windows名称服务、活动目录服务、Web
51CTO旗下网站

我要回帖

更多关于 vscode debug 的文章

 

随机推荐