VS Code 调试模式(debug)

本文将介绍如何在 VS Code 中开启 debug 模式并进行程序的调试

使用说明

第一步

全局安装 ts-node

# 在终端执行
sudo npm i -g ts-node

第二步

开启 VS Code 中的自动附加模式，在调试模式下自动附加到 Nodejs 进程，在编辑器主界面，执行快捷键 ctrl+shift+p，输入 Toggle Auto Attach

在编辑器左下角如果出现如下所示，就代表开启成功：

自动附加

第三步

在 package.json 中增加 debug 启动脚本 node --inspect-brk -r ts-node/register src/main.ts

注意，最后的参数 src/main.ts 是程序的入口，可自行修改适配到自己的项目中

第四步

debug 模式运行项目: npm run debug

然后，在需要调试的方法中的行号前左键单击打断点，出现红色圆点后，执行相应方法，当程序停止到断点处时，按 F10 单步调试

1 回复

yuedun

1楼•7 年前

launch.json

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Koa Program",
            "runtimeArgs": [
                "--nolazy",
                "-r",
                "ts-node/register",
            ],
            "args": [
                "${workspaceFolder}/app/app.ts"
            ],
            "env": {
                "DEBUG": "yuedun:*,-not_this",
                "NODE_ENV": "development"
            },
            "sourceMaps": true,
            "cwd": "${workspaceFolder}",
            "protocol": "inspector",
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen"
        }
    ]
}