vscode中如何断点调试nodejs

vscode中如何断点调试nodejs

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

配置

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

vscode中如何断点调试nodejs

点击Run and Debug

vscode中如何断点调试nodejs

选择语言为nodejs

vscode中如何断点调试nodejs

点击设置按钮添加配置

vscode中如何断点调试nodejs

【推荐学习:《vscode》】

更改lanuch.json配置文件

vscode中如何断点调试nodejs

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

{     // 使用 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项目的启动文件

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

vscode中如何断点调试nodejs

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

vscode中如何断点调试nodejs

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

vscode中如何断点调试nodejs

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

vscode中如何断点调试nodejs

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

vscode中如何断点调试nodejs

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

vscode中如何断点调试nodejs

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

vscode中如何断点调试nodejs

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

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

以上就是

© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享