关于前端:vscode中断点调试nodejs实用方便

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

vscode 关上 node 我的项目点击左侧调试按钮
点击 Run and Debug
抉择语言为 nodejs
点击设置按钮增加配置
更改 lanuch.json 配置文件

增加本人的我的项目启动脚本文件和配置

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

再次点击断点调试按钮启动断点调试
间接点击启动程序启动断点调试
间接在代码左侧须要断点的地位打个断点标记，执行办法是会主动登程断点
而后通过下面的调试按钮一步步断点
鼠标悬浮还能够看到断点的数据
当然也可在 debug console 控制台输入断点数据的后果相当于浏览器断点是的 console 控制台
如果要完结断点间接点击下面的暂停键
以上就是整个 vscode 断点配置和断点调试的教程

前言

配置