如何调试 TypeScript 代码而不是 Chrome 中的 JavaScript 代码？
How to debug on TypeScript code instead of JavaScript code in Chrome?
如何调试 TypeScript 代码而不是 Chrome 中的 JavaScript 代码？
我只是找到了一种每次从一开始就手动执行此操作的方法。我用 WebStorm 11 在 Angular2 中编写代码。
您需要让您的转译器生成 .map 文件。
正如 Adrian 所说，您的转译器需要生成地图信息，也可以将其生成到 js 输出文件而不是单独的 .map 文件中。
您可能 运行 遇到的一个问题是在 lambda 函数（又名箭头函数）中您将无法看到您的变量，无论是在 chrome 还是在 WebStorm 中。
但是，WebStorm 中有一个设置允许您在 WebStorm 调试器中正确查看 this. 变量：
转到 Help、Find Action，输入 "registry"。
在注册表中检查 js.debugger.map.this.by.source.code
如何调试 TypeScript 代码而不是 Chrome 中的 JavaScript 代码？
我只是找到了一种每次从一开始就手动执行此操作的方法。我用 WebStorm 11 在 Angular2 中编写代码。
您需要让您的转译器生成 .map 文件。
正如 Adrian 所说，您的转译器需要生成地图信息，也可以将其生成到 js 输出文件而不是单独的 .map 文件中。
您可能 运行 遇到的一个问题是在 lambda 函数（又名箭头函数）中您将无法看到您的变量，无论是在 chrome 还是在 WebStorm 中。
但是，WebStorm 中有一个设置允许您在 WebStorm 调试器中正确查看 this. 变量：
转到 Help、Find Action，输入 "registry"。
在注册表中检查 js.debugger.map.this.by.source.code