2.点击页面上方“没有设备”下拉菜单，选择“添加设备”。

3.选择Node.js情况。

个中最重要的设备项就是“Program”字段，这个字段定义了全部应用的人口，开启调试器的时刻会大年夜这小我口启动应用。

5.点击开端调试按钮(绿色三角形)，就可以开端调试。这时界面上方就会出现一个调试控制的面板，页面右下方会出现一个调试控制台，可以查看你输出的信息，在界面下放会出现一个状况栏，当前的橘黄色表示应用在正常运行，如下图所示：

6.我们再次在浏览中拜访localhost:3000，会发明页面可以打开，应用已经正常启动了。

7.接下来我们开端给应用设置断点。我们打开myapp/routes/index.js文件，这个文件设备了应用根路径的路由，当前的处理是返回一个页面，传入字符串"Express"作为视图的参数。

8.我们用鼠标在行号6的左边单击左键，就可以设置一个断点。留意，添加断点之前要先封闭调试，封闭的办法是点击界面上方的调试控制面板中的停止按钮(红色正方形)。

9.设置完断点之后，从新启动调试，然后在浏览器中拜访localhost:3000，这时刻，断点的外形产生了变更，法度榜样逗留在了断点，调试控制面板的按钮也产生了变更，大年夜左到右依次是单步跳过，单步调试，单步彪炳，重启，停止调试。这几个都是常见的断点调试指令。设置完断点之后，从新启动调试，然后在浏览器中拜访localhost:3000，这时刻，断点的外形产生了变更，法度榜样逗留在了断点，调试控制面板的按钮也产生了变更，大年夜左到右依次是单步跳过，单步调试，单步彪炳，重启，停止调试。这几个都是常见的断点调试指令。

10.在界面的左边，可以查看当前高低文情况，也可以设置变量监听。

11.将鼠标防止在断点前的变量或者参数上，也可以查看该变量当前的数值，体验与Chrome开辟者对象的调试一致。

Well，开启VScode的Node.js调试之旅吧!!那个console.log的同窗，你可以措辞了...

【编辑推荐】

1. Node.js对Java开辟者而言是什么？
2. 最受迎接的5款Node.js端到端测试框架
3. 在Node.js中看JavaScript的引用
4. Node.js在复杂集成场景下占据统治地位的五个来由
5. 教大年夜家如不雅搭建一套phpstorm+wamp+xdebug调试PHP的情况

【义务编辑：武晓燕 TEL：（010）68476606】

　　推荐阅读

　　人工智能在SEO技术中的应用

大年夜家应当都感到出来搜刮引擎优化越做越“难”做，有部分人都已经认为搜刮引擎优化没有原则可循，在搜刮引擎中取得排名不再是那么轻易的。在这里为大年夜大年夜家分享一篇关于“人工智能在搜刮引擎>>>详细阅读

本文标题：使用Visual Studio Code对Node.js进行断点调试

地址：http://www.17bianji.com/lsqh/34823.html

 1/2    1