在vscode中断点调试node

在vscode中断点调试node

最后修改时间:6 months ago

描述:

​ 先利其器粮草行,最近在学习node,为了在以后的开发过程中减少吃瘪,现在来看看在vscode中如何调试node代码。

具体操作:

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

1621299855378

  1. 点击Run and Debug

    1621299907389

  2. 选择nodejs语言

    1621300040780

  3. 点击设置按钮添加配置

    1621300061675

5.更改lanuch.json配置文件

1621300077304

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

    {
        // 使用 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
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    1. 再次点击断点调试按钮启动断点调试

      1621300135806

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

    1621300156010

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

1621300181522

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

    1621300206987

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

    1621300225881

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

    1621300258903

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

1621300292442

上述就是vscode调试node代码的步骤

亲测有效,奔走相告!

- 全文完 -

留下一条留言?
默认颜色

主题颜色

标准颜色

更多颜色...