调试和重新启动更改打字稿 vscode

Question

我想在打字稿文件上调试和设置断点，并在使用 VSCode 调试器配置进行更改（如 nodemon 监视更改）时重新启动调试器。

到目前为止，我实现了通过 VSCode 运行并在没有调试的情况下重新启动更改。

这是我的launch.json：

{
    "name": "Launch Typescript Server Debugger",
    "request": "launch",
    "type": "node",
    "cwd": "${workspaceRoot}",
    "protocol": "inspector",
    "stopOnEntry": false,
    "program": "${workspaceRoot}/node_modules/nodemon/bin/nodemon",
    "args": [
      "--watch",
      "src/**/*.ts",
      "--ignore",
      "src/**/*.spec.ts",
      "--exec",
      "${workspaceRoot}/node_modules/.bin/ts-node",
      "--inspect",
      "src/app.ts"
    ],
    "restart": true,        
    "env": { "NODE_ENV": "dev"}
  }      

有任何想法吗？

Answer 1

想知道为什么这么多 WTF 评论这个完全自然的问题。这是我的制作方法：

我们需要nodemon在更改时重新启动我们的应用程序，我们需要ts-node/register来运行我们的 typecrypt，我们需要设置 vscode 的启动器脚本以在重新编译应用程序后重新附加调试器。因此，安装 nodemon、ts-node 并将此脚本添加到 package.json：

"watch:debug": "nodemon --inspect=5858 -e ts,tsx --exec node -r ts-node/register ./src/index.ts"

然后在launch.json中添加配置：

{
  "name": "Attach to Process",
  "type": "node",
  "request": "attach",
  "restart": true,
  "port": 5858,
  "outFiles": [],
  "sourceMaps": true
},

就是这样，现在我可以使用yarn watch:debug启动我的应用程序并附加调试器。如果您仍然遇到问题，请在此处查看我的 Github 存储库。

Answer 2

你绝对应该检查ts-node-devnodemon ，恕我直言，它比观看编译更快，因为它在重新启动之间共享Typescript 编译过程。下面是示例 vscodelaunch.json配置，可让您设置断点（调试）以及在更改时重新加载。

{
  "version": "1.0.0",
  "configurations": [
    {
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen",
      "name": "Local Server",
      "restart": true,
      "request": "launch",
      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/ts-node-dev",
      "skipFiles": [ "<node_internals>/**" ],
      "type": "node",
      "runtimeArgs": [ "--respawn" ],
      "args": [ "${workspaceFolder}/src/script/local.server.ts" ]
    }
  ]
}

现在您可以按F5或使用调试窗格开始调试/实时重新加载。

如果你碰巧用它来开发，我为此封装了一个小型库aws lambda

https://github.com/vcfvct/ts-lambda-local-dev

Answer 3

很不清楚你到底在问什么，但这可能会有所帮助。尝试将这些配置添加到您的

{
 "name": "Current TS File",
 "type": "node",
 "request": "launch",
 "args": ["${relativeFile}"],
 "runtimeArgs": ["--nolazy", "-r", "ts-node/register"],
 "sourceMaps": true,
 "cwd": "${workspaceRoot}",
 "protocol": "inspector",
}

这个配置：

• 设置一个节点任务来启动 VS Code 中当前打开的文件（${relativeFile} 变量包含当前打开的文件）
• 传入node的--nolazy arg，它告诉v8提前编译你的代码，以便断点正常工作
• 传入 -r ts-node/register 节点，这确保 ts-node 在尝试执行代码之前已加载
• 将工作目录设置为项目根目录 - ${workspaceRoot}
• 将节点调试协议设置为 V8 Inspector 模式。

我怀疑你错过了

 "runtimeArgs": ["--nolazy"]

在您启动配置中。