La depuración del código mecanografiado con Visual Studio

Question

La depuración del código mecanografiado con Visual Studio

votos

67

¿Hay una manera de depurar fuente mecanografiado en Visual Studio (en lugar de depurar el código JavaScript generado)?

A partir de las especificaciones del lenguaje Letra de imprenta:

Mecanografiado proporciona opcionalmente mapas fuente, lo que permite la depuración a nivel de fuente.

Por lo tanto, estaba esperando a ser capaz de colocar puntos de interrupción en ts código y ser capaz de depurar, pero no funciona. No he encontrado ninguna otra menciones de depuración en las especificaciones. ¿Hay algo que debería hacer para hacer este trabajo? Tal vez la palabra opcionalmente da a entender que tengo que hacer algo para que funcione ... ¿Alguna sugerencia?

visual-studio typescript

Publicado el 03/10/2012 a las 16:32
fuente por usuario M.S

En otros idiomas...

6 respuestas

votos

14

Con la aplicación VS2013 Letra de imprenta, que no tenía que cambiar nada en web.config. Pongo un punto de interrupción en el archivo ts y depurado en el IE, y listo, el punto de corte interrumpido en texto mecanografiado.

Respondida el 11/12/2013 a las 01:46
fuente por usuario BraveNewMath

votos

3

Esto se ha fijado ahora en VS 2017 por lo que se puede depurar directamente en Visual Studio y mecanografiado.

Sólo hay que establecer el punto de interrupción en el archivo de su * Ts, y se golpeó.

Y va a depurar en VS, no IE, como si estuviera depurando C #.

Respondida el 03/12/2016 a las 02:51
fuente por usuario Greg0

votos

3

mecanografiado depuración con Visual Studio funciona con la configuración correcta. (En las versiones anteriores de VS que se enfrentan a problemas a veces, a continuación es cómo funciona muy bien con VS 2015 CTP 6)

En primer lugar, asegúrese de que se crea mapas fuente al compilar mecanografiado a javascript. Por lo que debe tener un archivo xxx.js.map cerca de cada xxx.js.

Conseguir mapas fuente ejecutando el compilador mecanografiado fuera de Visual Studio no causa ninguna dificultad, en la línea de comandos TSC añadir
```
--sourcemap %1.ts
```
la secuencia de comandos trago por lo general crear sourcemaps por defecto.
Configurar la aplicación Web en Visual Studio .

Establecer Internet Explorer como el navegador de inicio. Tengo que trabajar sólo con IE y no creo que cualquier otro navegador funcionará.

En el proyecto propiedades van a la pestaña "Web" y configurar la sección "depuradores" en la parte inferior: Deshabilitar todos los depuradores ! Esto es contrario intutitive y es posible que vea este mensaje de error:

Ha intentado iniciar el depurador, pero en base a la configuración de depuración actuales en la página de propiedades Web no existe un proceso para depurar. Esto ocurre cuando la advertencia "No abrir una página. Esperar a una solicitud de otro proceso" se selecciona la opción, y la depuración ASP.NET está desactivado. Por favor verifica la configuracion en la página de propiedades web y vuelve a intentarlo.

Como dice el mensaje de error, la Acción de inicio en la parte superior de las propiedades de la tela debe ser otra opción, como " Página actual ".

Establecer puntos de interrupción en el código de TS dentro de Visual Studio ahora o más tarde.

Hit F5

Aunque se puede usar el Editor de Visual Studio para depurar y editar archivos TS, "Editar y continuar" no va a funcionar, no existe actualmente ningún navegador que se pueden recargar los archivos js y js.map y continuar. (Me corregirá cualquier persona si estoy equivocado y voy a ser feliz.)

Respondida el 06/04/2015 a las 05:52
fuente por usuario citykid

votos

2

depuración mecanografiado no funcionó para mí en absoluto con la actualización VS2013 3 en cualquiera de mis máquinas. Después de mucha frustración, decidí intentar actualizar a VS2013 Update 4 CTP. Finalmente puntos de interrupción se están viendo afectadas en VS!

Respondida el 31/10/2014 a las 15:55
fuente por usuario user1599328

votos

0

Respuesta corta: Reinicie Visual Studio

Antecedentes: Yo tenía 2 de Visual Studio 2015 casos con dos proyectos diferentes con mecanografiado. Comenzando el primer ciclo ejemplo no depurar correctamente, el segundo sí. Todos los ajustes del proyecto eran los mismos. Finalmente me reinicia la primera instancia y luego se depura mecanografiado (por fin).

Respondida el 14/02/2017 a las 07:16
fuente por usuario klaasjan69

JcFx · Accepted Answer · 2012-10-03 16:34

Actualizar a partir del VS 2017:

VS2017 ahora trabaja para depurar mecanografiado directamente en Visual Studio, al igual que si la depuración de C #. Véase mi respuesta a continuación.

Respuesta original para versiones anteriores de VS:

Puede no ser capaz de depurar en VS, pero puede hacerlo en algunos navegadores. Aaron Powell ha blogueado de conseguir puntos de interrupción de trabajo en Chrome Canary sólo hoy: https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/ .

Para resumir (muy brevemente) lo dice Aaron, se utiliza el -sourcemapinterruptor en el compilador para generar un *.js.maparchivo en el mismo directorio que su fuente. En los navegadores que soportan mapas fuente (Chrome Canarias, y presumiblemente reciente Firefox construye, ya que son una idea de Mozilla), a continuación, puede depurar el .tscódigo tal como vosotros normal sería .jsarchivos.

El blog termina con "Esperamos que sea el Visual Studio o IE (o ambos) equipo también recoger Fuente Maps y añadir soporte para ellos también." - lo que sugiere que no ha sucedido todavía.

Actualizar:

Con el lanzamiento de mecanografiado 0.8.1, Fuente Mapa depuración ahora también está disponible en Visual Studio:

http://blogs.msdn.com/b/typescript/archive/2012/11/15/announcing-typescript-0-8-1.aspx

Desde el anuncio:

depuración Mecanografiado ahora soporta Depuración del código fuente! El formato de mapa de origen ha ido ganando popularidad como una forma de depuración de idiomas que se traducen en JavaScript y es apoyado por una variedad de navegadores y herramientas. Con la versión 0.8.1, el compilador mecanografiado apoya oficialmente mapas fuente. Además, la nueva versión del texto mecanografiado para Visual Studio 2012 admite la depuración utilizando el formato de mapa de origen. Desde la línea de comandos, que ahora apoyamos plenamente el uso de la bandera --sourcemap, que da salida a un archivo de mapa de origen correspondiente a la salida de JavaScript. Este archivo permitirá depurar directamente la fuente mecanografiado original en navegadores habilitados mapa fuente y Visual Studio. Para habilitar la depuración en Visual Studio seleccione 'depuración' en el menú desplegable después de la creación de una aplicación HTML con proyecto mecanografiado.

actualización :

WebStorm también ha añadido 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/

En primer lugar, permite WebStorm para el desarrollo web más inteligente y más ágil con lenguajes modernos como mecanografiado, CoffeeScript y Dart. Además de proporcionar un editor de código de primera clase de idiomas, WebStorm 6 ofrece:

Compilación automática / transpilation de estos lenguajes de alto nivel en los reconocidos por los navegadores en todas las plataformas compatibles. la depuración del texto mecanografiado, dardo o CoffeeScript con todas las funciones con mapas fuente.