当前位置：主页 > 查看内容

vscode中断点调试nodejs实用方便

发布时间：2021-04-22 00:00| 有 位朋友查看

简介：前言 在平时前端开发时，前端代码在浏览器上能很方便的断点调试，那么如果要调试node后端接口的话，该如何实现断点调试呢？ 配置 vscode打开node项目点击左侧调试按钮 点击Run and Debug 选择语言为nodejs 点击设置按钮添加配置 更改lanuch.json配置文件 添……

前言

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

配置

  1. vscode打开node项目点击左侧调试按钮
    image-20210422114604687
  2. 点击Run and Debug
    image-20210422115211686
  3. 选择语言为nodejs
    image-20210422115306221
  4. 点击设置按钮添加配置
    image-20210422115355821
  5. 更改lanuch.json配置文件
    image-20210422115449595

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

    {
    // 使用 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项目的启动文件
  1. 再次点击断点调试按钮启动断点调试
    image-20210422115727574
  2. 直接点击启动程序启动断点调试
    image-20210422141138335
  3. 直接在代码左侧需要断点的位置打个断点标记，执行方法是会自动出发断点
    image-20210422141453212
  4. 然后通过上面的调试按钮一步步断点
    image-20210422141603851
  5. 鼠标悬浮还可以看到断点的数据
    image-20210422141655187
  6. 当然也可在debug console控制台输出断点数据的结果 相当于浏览器断点是的console控制台
    image-20210422141944344
  7. 如果要结束断点直接点击上面的暂停键
    image-20210422141743539
  8. 以上就是整个vscode断点配置和断点调试的教程

本文转自网络，版权归原作者所有，原文链接：https://segmentfault.com/a/1190000039875114
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：Vite + React + Typescript 最佳实践 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐