vscode中如何断点调试nodejs

青灯夜游
发布: 2021-06-02 19:45:44
转载
2605 人浏览过

vscode中如何断点调试nodejs

在平时前端开发时,前端代码在浏览器上能很方便的断点调试,那么如果要调试node后端接口的话,该如何实现断点调试呢?

配置

vscode打开node项目点击左侧调试按钮

image-20210422114604687

点击Run and Debug

image-20210422115211686

选择语言为nodejs

image-20210422115306221

点击设置按钮添加配置

image-20210422115355821

【推荐学习:《vscode教程》】

更改lanuch.json配置文件

image-20210422115449595

添加自己的项目启动脚本文件和配置

{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "启动程序", "env": { "NODE_ENV": "development" }, "program": "${workspaceFolder}/bin/www" } ] } //program这个是我自己的node项目的启动文件
登录后复制

再次点击断点调试按钮启动断点调试

image-20210422115727574

直接点击启动程序启动断点调试

image-20210422141138335

直接在代码左侧需要断点的位置打个断点标记,执行方法是会自动出发断点

image-20210422141453212

然后通过上面的调试按钮一步步断点

image-20210422141603851

鼠标悬浮还可以看到断点的数据

image-20210422141655187

当然也可在debug console控制台输出断点数据的结果 相当于浏览器断点是的console控制台

image-20210422141944344

如果要结束断点直接点击上面的暂停键

image-20210422141743539

以上就是整个vscode断点配置和断点调试的教程

更多编程相关知识,请访问:编程入门!!

以上是vscode中如何断点调试nodejs的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:segmentfault.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!