使用VsCode断点调试TS

Posted dmc-nero

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用VsCode断点调试TS相关的知识,希望对你有一定的参考价值。

目录下新建 tsconfig.json

{
  "compilerOptions": {
      "module": "commonjs",
      "target": "es5",
      "noImplicitAny": true,
      "outDir": "./dist",
      "sourceMap": true
  },
  "include": [
      "src/**/*"
  ]
}

 

配置 launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Current TS File",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/node_modules/ts-node/dist/bin.js",
            "args": [
                "${relativeFile}"
            ],
            "cwd": "${workspaceRoot}",
            "protocol": "inspector"
        }
    ]
}

技术图片

 

 

调试

  技术图片

  按F5

    技术图片

    技术图片

 

 

开始愉快的调试了

 

以上是关于使用VsCode断点调试TS的主要内容,如果未能解决你的问题,请参考以下文章

如何在 VS Code 中调试夜班测试

在打字稿中调试多个文件

使用 VS Code 调试在 Docker 容器中使用 ts-node 运行的 TypeScript 应用程序时,如何能够正确设置断点?

vscode使用xdebug断点调试php代码

.env 使用 vscode 和 dotenv npm 调试断点

如何使用vscode断点调试laravel