使用 vscode 调试 typescript(node) ,也适用于 nest.js
发布于 14 天前 作者 zuohuadong 286 次浏览 来自 分享

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 回复

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"
        }
    ]
}
回到顶部