文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php教程>vscode中如何断点调试nodejs

vscode中如何断点调试nodejs

时间:2021-05-20  来源:互联网

今天PHP爱好者为您带来在平时前端开发时,前端代码在浏览器上能很方便的断点调试,那么如果要调试node后端接口的话,该如何实现断点调试呢?本篇文章给大家介绍一下vscode中断点调试nodejs的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助希望对大家有所帮助。

vscode中如何断点调试nodejs

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

配置

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

image-20210422114604687

点击Run and Debug

image-20210422115211686

选择语言为nodejs

image-20210422115306221

点击设置按钮添加配置

image-20210422115355821

更改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爱好者其它相关文章!

相关阅读更多 +
最近更新
排行榜 更多 +
元梦之星最新版手游

元梦之星最新版手游

棋牌卡牌 下载
我自为道安卓版

我自为道安卓版

角色扮演 下载
一剑斩仙

一剑斩仙

角色扮演 下载