Typescript调试其他项目中的ts文件

时间:2014-02-08 18:55:20

标签: javascript debugging visual-studio-2012 typescript

我有以下情况:

  • 我们要转换为typescript的大型ASP.NET网站
  • 打字稿项目作为解决方案的一部分,但在不同的项目中
  • 每个项目的打字稿被设置为一个唯一的js文件。
  • 我使用visual studio 2012和typescript 0.9.5

问题是:是否可以使用此配置直接调试typescript ts文件?  如果不可能我需要修改它来做到这一点。 该项目很大,将打字稿部分放入其中并不是一个好的解决方案,因为编写Web应用程序的时间很长。

由于

3 个答案:

答案 0 :(得分:0)

是。您需要启用源映射,然后使用Internet Explorer作为浏览器启动Visual Studio调试。

答案 1 :(得分:0)

好的,最后我发现了一种使用独立项目中的typescript(作为C#库)来调试ts的方法。解决方案是将ts文件的地址放在映射文件中。为此,您需要在csproj文件中的propery组DEBUG中添加以下标记。

<TypeScriptSourceMap>true</TypeScriptSourceMap>
<TypeScriptSourceRoot>http://localhost:37938/</TypeScriptSourceRoot>

地址是图书馆项目的地址。然后,您可以使用Internet Explorer从visual studio 2012进行调试,或者使用chrome调试直接在Chrome中进行调试。在chrome中,请记住在配置调试器中激活map选项。我正在使用typescript 0.9.5

就是这样。

答案 2 :(得分:0)

如果您尝试将共享代码与各种项目组合,则接受的答案不起作用,因为合并的源映射文件默认情况下不指向多个项目(因此您将无法调试共享代码),我认为还没有办法做到这一点。如果我错了,请纠正我。

请参阅此问题/答案,说明在Visual Studio,Chrome和Firefox中对固体代码维护和调试都有效,同时仍保留将共享代码与引用项目代码相结合的能力(例如,重要的) ,如果您需要定位不同的ECMAScript版本):Visual Studio: How to debug TypeScript in a shared project using IIS Express and cross-project references (no linking or duplicating files)