有没有办法在Visual Studio中调试TypeScript源代码(而不是调试生成的javascript)?
根据TypeScript语言规范:
TypeScript可选地提供源代码映射,从而启用源代码级调试.
因此,我希望能够在ts代码中放置断点并对其进行调试,但它不起作用.我在规范中没有发现任何其他提到调试的内容.我应该做些什么来让这一切顺利吗?也许"可选"这个词暗示我需要做点什么才能让它工作...有什么建议吗?
有没有办法在Visual Studio中调试TypeScript源代码(而不是调试生成的javascript)?
根据TypeScript语言规范:
TypeScript可选地提供源代码映射,从而启用源代码级调试.
因此,我希望能够在ts代码中放置断点并对其进行调试,但它不起作用.我在规范中没有发现任何其他提到调试的内容.我应该做些什么来让这一切顺利吗?也许"可选"这个词暗示我需要做点什么才能让它工作...有什么建议吗?
Current Answer for VS2017 and later
自VS2017年以来,直接在Visual Studio中调试Typescript已成为可能.从documentation人中:
可以使用Visual Studio调试JavaScript和TypeScript代码.您可以设置并点击断点,附加调试器,判断变量,查看调用堆栈,以及使用其他调试功能.
Debugging Typescript / Asp.NET Core in Visual Studio上还有额外的资源.
也可以在Visual Studio Code中调试typescript:
Visual Studio代码通过其内置 node 支持TypeScript调试.js调试器,还可以通过Chrome调试器等扩展来支持客户端TypeScript调试.
Original Answer for prior versions of VS:
您可能无法在VS中调试,但可以在某些浏览器中调试.亚伦·鲍威尔(Aaron Powell)在博客中写道,就在今天,Chrome Canary中的断点可以工作:https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/个.
为了(非常简短地)总结Aaron所说的,您可以使用编译器上的-sourcemap
switch 在与源代码相同的目录中生成一个*.js.map
文件.在支持source maps的浏览器中(Chrome Canary,可能是最新的Firefox版本,因为它们是Mozilla的 idea ),你可以像调试普通的.js
文件一样调试.ts
源代码.
该博客以"希望Visual Studio或IE(或两者)团队也能获取源 map 并为其添加支持"结尾这表明它还没有发生.
Update:
随着TypeScript 0.8.1的发布,源映射调试现在也可以在Visual Studio中使用:
https://blogs.msdn.com/b/typescript/archive/2012/11/15/announcing-typescript-0-8-1.aspx
从公告中:
Debugging
Update:
WebStorm还增加了对通过SourceMaps:http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui-and-much-more/进行调试的支持
首先,WebStorm允许更智能、更精简的web服务
这些高级语言的自动编译/翻译