新WebStorm 2019.3缺少与TypeScript的调试集成

我使用的是WebStorm 2019.3，似乎缺少与TypeScript（节点或ts节点）的自动调试集成

我在2018版中有绿色的调试圈。我知道我可以进入

Run->edit configuration

并执行许多手动步骤（指定测试名称或文件名），但现在太不方便了

下面是它以前和现在的例子（第二个屏幕取自PyCharm/python）

附言

WebStorm2018.2的证明（不，这不是ES兼容的代码有

：类型

定义：

从未支持从右键单击菜单运行.ts文件，因为Node.js不能直接运行Typescript，它必须预编译

从IDE运行TypeScript文件的最简单方法是使用：

• 使用npm安装ts节点（

  npm安装-D ts节点类型脚本

  ）
• 创建一个新的节点.js运行/调试配置
• 向节点参数字段中添加

  ——要求ts节点/寄存器

• 在JavaScript文件字段中添加

  $FilePathRelativeToProjectRoot$

• 保存配置
• 使用它运行（或调试）当前在编辑器中打开的文件或在项目视图中选择的文件。您可以使用导航栏上的图标或运行…操作来执行此操作

如果需要将任何附加参数传递给ts节点（例如，

--project tsconfig.json

），可以将它们添加到运行/调试配置中的应用程序参数字段中

如果不喜欢安装任何其他工具，可以使用内置的TypeScript编译器：

• 将tsconfig.json文件添加到项目中
• 创建一个新的节点.js运行/调试配置
• 在启动前的部分中，单击添加并选择编译类型脚本
• 选择tsconfig.json
• 在JavaScript文件字段中，您需要选择编译文件的路径。
  • 如果编译后的JavaScript位于其源代码旁边，请添加

    $FileRelativeDir$/$FileNameWithoutExtension$.js

  • 如果文件保存在输出文件夹中（保留文件夹结构），请在模式之前添加文件夹名称，例如

    build/$FileRelativeDir$/$FileNameWithoutExtension$.js

• 保存配置
• 使用它运行（或调试）当前在编辑器中打开或在项目视图中选定的文件

这一切现在都在WebStorm中起作用

请注意，仍然支持从文件右键单击菜单/檐槽运行MochaTypescript specs-WebStorm 2019.3自动添加

--要求ts节点/寄存器

：

---

请查看我的编辑，我没有做任何手动步骤。这是最初的目标，我说我知道如何手动操作在WebStorm2018.2中，您的

.ts

文件被识别为Mocha测试。该功能在2019.3年Mocha测试中仍然可用（请参阅更新的答案）。但是一个通用的

.ts

文件无法从右键菜单运行，而且它从未运行过。实际上，您可以运行它，但无法调试：（奇怪的是，我刚刚发现mocha测试并不适用于所有项目。调试mocha ts测试确实有效…就像调试Node.js预编译和执行的.ts文件一样