如何向 TypeScript 编译的项目添加运行时断点？

Question

问题： 调试 Typescript Node.js 应用程序时，如何在执行时添加断点？

背景： 我目前有一个通过 nodevm 运行的服务器端应用程序。我的模块是使用 TypeScript 构建的。我目前正在使用 WebStorm 及其 TypeScript 转译器。由于 TypeScript 是一种转译语言，我知道最终输出是一个 .js 文件。

现在我的断点只要在节点进程启动时设置就可以正常工作。来自其他语言，您可以在运行时在代码中移动时设置断点。可以这样做吗？

目标： 启动过程 - 命中断点 A -> 添加断点 B -> 播放 -> 执行在 B 处停止。

当前： 启动过程 - 命中断点 A -> 添加断点 B -> 播放 -> 执行忽略断点 B，直到重新启动。

我对支持这种体验的任何解决方案都更感兴趣，而不仅仅是 WebStorm。

[编辑姓名]

Answer 1

我目前对 webstorm 问题的解决方法是使用远程调试器。使用node --debug-brk=5858 server.js 启动您的应用并添加“Node.js 远程调试”配置：

这将在启动时暂停应用程序，直到您启动远程调试器侦听端口 5858。我在终端窗口中启动服务器，切换到 Webstorm 并启动调试器。这将允许您在不重新启动服务器或调试器的情况下插入断点。

Answer 2

今天在VS Code 有效。

根据您的源贴图的设置方式，可能会有一些灯光配置，但TS debugging in VS Code 上有很棒的文档。你也可以参考这个node-typescript sample，它是为我一直在研究的 VS Code 预先配置的。