怎么设置VS vscode debug的nodejs的debug

来源：蜘蛛抓取(WebSpider) 时间：2016-11-19 11:41 标签： vscode nodejs 开发
各位 你们调试nodejs程序的时候断点,一般怎么断点 - CNode技术社区
这家伙很懒，什么个性签名都没有留下。
我用的node debug xx.js
感觉很不爽啊…
visual studio code 一断点就调到模块内部了。。
用的webstrom
webstorm和webstrom的出现频率几乎一样啊
vs code +1
CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。
服务器赞助商为
，存储赞助商为
，由提供应用性能服务。
新手搭建 Node.js 服务器，推荐使用无需备案的1811人阅读
【题外话】
上次介绍了VS上开发Node.js的插件Node.js Tools for Visual Studio（NTVS），其提供了非常方便的开发和调试功能，当然很多情况下由于平台限制等原因需要在其他机器上运行程序，进而需要远程调试功能，不过还好，NTVS提供的远程调试也非常方便。
【文章索引】
【一、NTVS远程调试】
NTVS提供了一个远程调试代理（Remote Debug Proxy）来实现远程调试，实际上就是不让Node.js直接运行要调试的程序，而是去运行远程调试代理，再由代理去执行程序以及与VS进行通信。
获取NTVS提供远程调试代理可以在VS里点击“工具”-&“Node.js Tools”-&“Remote Debugging Proxy”-&“Open Container Folder”，文件夹中的RemoteDebug.js就是了。
RemoteDebug.js的参数为：
node RemoteDebug.js [args] &script to debug& [script args]
即RemoteDebug.js后跟远程调试代理的参数，然后跟待调试代码文件，最后跟待调试代码文件的参数，其中远程调试代理支持的参数有：
-localport &port num&：本机机器（NTVS所在机器）的端口号，默认为5859
-machineport &port num&：目标机器（执行程序的机器）的端口号，默认为5858
-waitforattach：当附加成功后才执行程序，默认为在目标机器上执行完脚本立即执行程序
-breakatentrypoint：从第一条入口代码处断点，即执行待调试代码时使用--debug-brk参数，默认为--debug
所以如果按默认设置的话，我们只需要把RemoteDebug.js与待执行的代码一同复制到目标机器上，然后执行如下语句就可以了：
node RemoteDebug.js server.js
如果正确的话会出现类似下图的内容：
然后在VS中选择“工具”-&“附加到进程”，然后在传输里选择“Node remote debuggin (unsecured)”（如下图）。
然后在限定符里输入目标机器的地址和端口然后键入回车即可，正确的话将会在下方出现目标机器（如下图），最后点击“附加”即可。
接下来就如同在本地调试一样非常简单了。
【二、NTVS部署到Azure】
部署Node.js的方式有很多种，比如可以部署在Azure的网站或者云服务（Web Role方式）上等，目前NTVS只支持前者。由于Azure网站是通过IIS上的iisnode模块实现对Node.js支持的，所以除了部署程序文件以外，还需要配置iisnode，也就是配置Web.config文件。在NTVS里，对Azure网站的支持体现在其两个Azure项目模板中，即在使用这两个项目模板创建项目后，会自动生成配置文件，以方便部署使用。当然传统的方法比如自己上传文件或通过代码库上传文件（参见）部署到Azure网站或者通过Web
Role方式部署到云服务（参见）等就不再赘述，微软网站上都有详细的文章。
对于NTVS创建的Azure项目，默认包括两个Web.config文件，分别是本地测试用的Web.config以及部署到Azure上的Web.cloud.config，两个可以分别修改，其中后者在上传时会自动修改名称为“Web.config”。
发布过程与其他项目一样，可以自己创建配置文件发布到指定文件夹或者FTP等等都可以。对于Windows Azure的项目，可以在发布对话框的第一步“配置文件”页面中选择“导入”按钮，然后选择“从 Windows Azure 网站导入”，然后点击登录就可以输入自己的Windows Azure的用户名和密码，登录成功后就会如下图所示，然后在下方选择要发布的Azure网站即可。
确定后VS会自动从Windows Azure上下载指定网站的配置信息，然后在第二步的“连接”中设置好连接信息，然后一路下一步就可以将项目文件部署到Azure网站上了。其中在最后一步，可以点击“开始预览”查看或选择要上传的文件，对于Azure网站，其实只需要上传所有js文件、Web.config文件以及用到的相关静态文件即可，bin目录及package.json和README.md都不需要上传。其中配置文件仅选择Web.config文件即可，发布时会自动使用Web.cloud.config文件的，而如果选择Web.cloud.config文件的话，则上传后的文件名为“Web.cloud.config”。
不过不知道为什么在我这，在发布成功后访问Azure网站会提示“You do not have permission to view this directory or page.”，就跟没有正确配置Web.config一样，所以只能重新上传一遍Web.config来解决。不过如果不修改Web.config文件话，之后发布时仅发布js等文件就可以了。
【相关链接】
Debugging Node.js running on
Linux：Azure Deployment：构建 Node.js 网站并部署到 Windows Azure：构建 Node.js 应用程序并将其部署到 Windows
Azure 云服务：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：2941601次
积分：33550
积分：33550
排名：第107名
原创：583篇
转载：753篇
评论：525条
(1)(2)(3)(7)(2)(1)(2)(2)(3)(2)(8)(5)(2)(4)(1)(1)(1)(26)(63)(63)(49)(35)(8)(16)(13)(17)(34)(46)(18)(32)(45)(13)(10)(66)(88)(57)(34)(34)(27)(23)(11)(18)(11)(84)(21)(28)(70)(6)(5)(17)(37)(12)(23)(14)(2)(8)(1)(10)(15)(23)(3)(19)(19)(7)(4)(1)(5)(2)评论-1703&
node.js是基于Google V8的，而Google ，这个插件同样也支持node.js。
1、安装Eclipse debugger for V8
这个，用过Eclipse的应该都知道，不过还是简单说下吧：
选择&Install New Software&
Location为： Name你喜欢，整一个方便你记忆的就好。
点击确定后，在&Work with&选择你刚才添加的站点：
然后选择&Chromium JavaScript Remote Debugger&，然后一直下一步，安装完后会提示重启Eclipse，重启Eclipse后就可以开始调试了。
2、怎样调试Nodejs？
从插件名称中的&Remote&可以预想到这是一个远程调试的工具，大概的流程就是node开一个tcp的调试端口，然后这个调试工具通过这个tcp端口来和node通讯实现调试。
要启用node的调试端口，在执行node脚本的时候需要添加 &-debug 参数：
node --debug[=port] NodeApp.jsornode --debug-brk[=port] NodeApp.js
其中port为开启的调试端口，默认为5858.--debug和--debug-brk的区别在于，--debug执行脚本的时候会直接运行该脚本，而--debug-brk执行脚本的时候，并不会马上执行，而是等待调试器的连接，然后按调试器的指令来执行。
我们写个简单的代码来用于调试：
然后用 node &debug hello_world.js 来运行：
可以看到输出一行：debugger listening on port 58585858为默认端口，你也可以用 --debug=5859 来指定不同的端口
好，现在node的调试模式已经运行起来了，我们去配置Eclipse来连接到node并进行调试。
首先我们要到debug config里面去添加一个新的V8 VM的调试配置：
右键，选择&new&来新建一个配置项：
因为我们刚才node起的调试端口为默认的5858，所以这里我们的端口就是5858，名称我们定为&Node-5858&。
然后点debug开始调试，或者你使用下面的方式开始调试：
调试模式大概会是这样：
（注：这是调试视图，点击右上角的臭虫按钮。如果你的Eclipse上没有这个按钮，请点击上图右上角臭虫左边的添加按钮，找到debug然后添加就可以）
在调试模式连接成功后，你会在你的&Project Explorer&里面看到多了一个&Node-5858&（刚才debug config里面设置的名称）的项目，里面的文件都是调试的文件或者调试的文件require进来的文件。打开这些文件，你就可以在里面加断点开始调试了。例如上图的第8行加了一个断点，则每次在浏览器访问的时候都会进入这个断点。
其他的调试和你平时用Eclipse调试其他代码是一样的。Eclipse的调试快捷键是，F5单步进入，F6单步跳过。
最后说一下 --debug-brk 方式启动的调试模式：
可以看到仅仅是输出了一行&debugger listening on port 5858&而已，后面并没有继续输出&Server running at &..&。这是因为用 启动的调试模式并不会马上执行代码，而是会等待调试器的连接（可以理解为在hello_world.js的第一行加了断点），具体还是各位童鞋自己实践吧。
阅读(...) 评论()打造Nodejs的调试环境_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
打造Nodejs的调试环境
上传于||暂无简介
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩19页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢

我要回帖

更多关于 vscode nodejs 开发 的文章

 

随机推荐