Respuesta actual para VS2017 y posterior
La depuración de TypeScript directamente en Visual Studio ha sido posible desde VS2017. De la documentación :
Puede depurar código JavaScript y TypeScript con Visual Studio. Puede establecer y alcanzar puntos de interrupción, adjuntar el depurador, inspeccionar variables, ver la pila de llamadas y utilizar otras funciones de depuración.
También hay recursos adicionales sobre depuración de TypeScript / Asp.NET Core en Visual Studio .
También es posible depurar mecanografiado en Visual Studio Code :
Visual Studio Code admite la depuración de TypeScript a través de su depurador Node.js incorporado y también a través de extensiones como Debugger para Chrome para admitir la depuración de TypeScript del lado del cliente.
Respuesta original para versiones anteriores de VS:
Es posible que no pueda depurar en VS, pero puede hacerlo en algunos navegadores. Aaron Powell ha escrito en su blog sobre cómo hacer que los puntos de interrupción funcionen en Chrome Canary hoy mismo: https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/ .
Para resumir (muy brevemente) lo que dice Aaron, use el -sourcemap
conmutador del compilador para generar un *.js.map
archivo en el mismo directorio que su fuente. En los navegadores que admiten mapas de origen (Chrome Canary y, presumiblemente, versiones recientes de Firefox, ya que son una idea de Mozilla), puede depurar el .ts
código fuente como lo haría normalmente..js
archivos .
El blog termina con "Con suerte, el equipo de Visual Studio o IE (o ambos) también eligen Mapas de origen y les agregan soporte". - lo que sugiere que aún no ha sucedido.
Actualizar:
Con el lanzamiento de TypeScript 0.8.1, la depuración del mapa de origen ahora también está disponible en Visual Studio:
https://blogs.msdn.com/b/typescript/archive/2012/11/15/announcing-typescript-0-8-1.aspx
Del anuncio:
Depuración
¡TypeScript ahora admite la depuración de nivel de fuente! El formato del mapa de origen ha ido ganando popularidad como una forma de depurar lenguajes que se traducen a JavaScript y es compatible con una variedad de navegadores y herramientas. Con la versión 0.8.1, el compilador de TypeScript admite oficialmente mapas de origen. Además, la nueva versión de TypeScript para Visual Studio 2012 admite la depuración utilizando el formato de mapa de origen. Desde la línea de comandos, ahora admitimos completamente el uso de la marca --sourcemap, que genera un archivo de mapa de origen correspondiente a la salida de JavaScript. Este archivo permitirá depurar directamente la fuente TypeScript original en navegadores habilitados para mapas de origen y Visual Studio. Para habilitar la depuración en Visual Studio, seleccione 'Depurar' en el menú desplegable después de crear una aplicación HTML con un proyecto de TypeScript.
Actualización :
WebStorm también ha agregado soporte para la depuración a través de SourceMaps: http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui- y mucho más/
Primero, WebStorm permite un desarrollo web más inteligente y optimizado con lenguajes modernos como TypeScript, CoffeeScript y Dart. Además de proporcionar un editor de código de primera clase para estos lenguajes, WebStorm 6 ofrece:
Compilación / transpilación automática de estos lenguajes de nivel superior a los reconocidos por los navegadores en todas las plataformas compatibles. Depuración con todas las funciones de TypeScript, Dart o CoffeeScript con mapas de origen.