如何在VS 2017中调试打字稿代码?

Gre*_*Gum 12 typescript visual-studio-2017

我有一个使用TypeScript的ASP.NET Core项目.

是否可以在Visual Studio中调试TypeScript代码?

Gre*_*Gum 7

在Visual Studio的早期版本中,这是不可能的.

但是,在Visual Studio 2017中,这已得到修复.只需设置您的断点并使用IE(或Chrome)运行您的项目,您的断点将在您的ts文件中命中,您可以在VS环境中逐步执行代码(而不是在浏览器代码调试窗口中).这是Typescript开发的一大进步.

有趣的是,如果代码跳转到没有匹配的ts文件的另一个文件,代码将转换为js,然后在可能的情况下再次转换回ts.

  • 我可以使用IE而不是Chrome.知道为什么吗?此外,如果您将所有脚本放在一个Bundle中,这不能很好地工作 - (编辑!如果我刷新了浏览器链接,那就工作了!) (4认同)

小智 6

确保启用浏览器链接以查看TS断点被点击.该选项是VS2017中浏览器选择下拉列表右侧的蓝色箭头圆圈,它似乎默认为禁用.

在此输入图像描述

  • 根据https://docs.microsoft.com/zh-cn/aspnet/core/client-side/using-browserlink?view=aspnetcore-2.1:“您可以使用浏览器链接一次在多个浏览器中刷新Web应用程序,这对于跨浏览器测试很有用。” 因此,它与达到断点无关。 (2认同)