Il debug di codice dattiloscritto con Visual Studio

Question

Il debug di codice dattiloscritto con Visual Studio

voti

67

C'è un modo per eseguire il debug fonte dattiloscritto in Visual Studio (invece di debug javascript generato)?

Dalle specifiche del linguaggio tipografico:

Tipografico fornisce facoltativamente mappe source, abilitando il debug a livello di origine.

Mi è stato quindi aspettavo di essere in grado di collocare i punti di interruzione nel ts codice ed essere in grado di eseguire il debug, ma non funziona. Non ho trovato qualsiasi altro menzioni di debug nelle specifiche. C'è qualcosa che dovrei fare per fare questo lavoro? Forse la parola eventualmente suggerimenti che ho bisogno di fare qualcosa per farlo funzionare ... Qualche suggerimento?

visual-studio typescript

È pubblicato 03/10/2012 alle 16:32
fonte dall'utente M.S

In altre lingue...

6 risposte

voti

14

Con l'applicazione VS2013 tipografico, non ho dovuto cambiare nulla nel web.config. Ho messo un punto di interruzione nel file ts e il debug in IE, e presto, il punto di interruzione fermato all'interno dattiloscritto.

Risposto il 11/12/2013 a 01:46
fonte dall'utente BraveNewMath

voti

3

Questo è stato corretto in VS 2017 in modo da poter eseguire il debug direttamente in Visual Studio e dattiloscritto.

Basta impostare il punto di interruzione nel file di vostro * .ts, e sarà colpito.

E sarà il debug in VS, non IE, come se si stesse eseguendo il debug C #.

Risposto il 03/12/2016 a 05:51
fonte dall'utente Greg0

voti

3

Debug dattiloscritto con Visual Studio funziona con le giuste regolazioni. (Nelle precedenti versioni di VS mi devono affrontare problemi a volte, sotto è come funziona bene con VS 2015 CTP 6)

Per prima cosa è fare in modo di creare le mappe di origine durante la compilazione dattiloscritto a JavaScript. Così si dovrebbe avere un file xxx.js.map nei pressi di ogni xxx.js.

Ottenere mappe di origine eseguendo il compilatore dattiloscritto al di fuori di Visual Studio non provoca alcuna difficoltà, nella riga di comando TSC aggiungere
```
--sourcemap %1.ts
```
lo script sorso di solito creare sourcemaps per impostazione predefinita.
Configurare l'applicazione Web in Visual Studio .

Impostare Internet Explorer come browser di partenza. Ho ottenuto che funziona solo con IE e non credo che qualsiasi altro browser funzionerà.

Nel progetto proprietà andare alla scheda "Web" e configurare la sezione "debugger" in fondo: Disabilitare tutti i debugger ! Questo è controproducente e intuitiva e si potrebbe vedere questo messaggio di errore:

Si è tentato di avviare il debugger, ma in base alle impostazioni di debug corrente sulla pagina proprietà Web non c'è un processo per eseguire il debug. Questo si verifica quando l'opzione "Non aprire una pagina. Attendere una richiesta da un altro processo" è selezionata l'opzione, e ASP.NET il debug è disabilitata. Si prega di verificare le impostazioni nella pagina delle proprietà Web e riprovare.

Come dice il messaggio di errore, l'azione di avvio in cima le proprietà Web dovrebbe essere un'altra opzione, come " Pagina corrente ".

Impostare i punti di interruzione nel codice ts all'interno di Visual Studio ora o più tardi.

Hit F5

Sebbene sia possibile utilizzare Visual Studio Editor per modificare i file di debug e ts, "Modifica e continuazione" non funzionerà, non esiste attualmente alcuna browser che può ricaricare i file js e js.map e continuare. (Correggetemi chiunque se sbaglio e sarò felice.)

Risposto il 06/04/2015 a 05:52
fonte dall'utente citykid

voti

2

debug dattiloscritto non ha funzionato per me a tutti con VS2013 Update 3 su una delle mie macchine. Dopo molta frustrazione, ho deciso di provare l'aggiornamento a VS2013 Aggiornamento 4 CTP. Infine i punti di interruzione sono colpiti in VS!

Risposto il 31/10/2014 a 15:55
fonte dall'utente user1599328

voti

0

risposta breve: Riavviare Visual Studio

sfondo: Ho avuto 2 visual studio 2015 casi con due diversi progetti con dattiloscritto. Il primo ha iniziato istanza non eseguire il debug correttamente, il secondo ha fatto. Tutte le impostazioni del progetto erano gli stessi. Ho finalmente riavviato prima istanza e quindi il debug tipografico (finalmente).

Risposto il 14/02/2017 a 10:16
fonte dall'utente klaasjan69

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

Aggiornamento come di VS 2017:

VS2017 ora lavora per il debug dattiloscritto direttamente in Visual Studio, proprio come se il debug C #. Vedere la mia risposta qui sotto.

Risposta originale per le versioni precedenti di VS:

Potrebbe non essere in grado di eseguire il debug in VS, ma è possibile in alcuni browser. Aaron Powell ha bloggato su come ottenere punti di interruzione che lavorano in Chrome Canary proprio oggi: https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/ .

Per riassumere (molto brevemente) quello che dice Aaron, si utilizza l' -sourcemapinterruttore sul compilatore di generare un *.js.mapfile nella stessa directory come origine. Nei browser che supportano le mappe di origine (Chrome Canary, e presumibilmente recente Firefox costruisce, dal momento che sono un'idea di Mozilla), quindi è possibile eseguire il debug .tsdi origine proprio come si farebbe normali .jsfile.

Il blog si conclude con "Speriamo che sia di Visual Studio o IE (o entrambi) squadra anche raccogliere mappe di origine e di aggiungere il supporto anche per loro." - il che suggerisce che non è ancora successo.

Aggiornare:

Con il rilascio di dattiloscritto 0.8.1, Fonte mappa debug è ora disponibile anche in Visual Studio:

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

Da l'annuncio:

Debug Dattiloscritto ora supporta il debug a livello sorgente! Il formato carta origine è stato guadagnando popolarità come un modo di debug di lingue che si traducono a JavaScript ed è supportato da una varietà di browser e strumenti. Con la versione 0.8.1, il compilatore dattiloscritto supporta ufficialmente mappe fonte. Inoltre, la nuova versione del dattiloscritto per Visual Studio 2012 supporta il debug utilizzando il formato carta sorgente. Dalla riga di comando, permettono di supportare pienamente l'uso della bandiera --sourcemap, che produce un file di origine mappa corrispondente all'uscita JavaScript. Questo file permette il debug direttamente alla fonte dattiloscritto originale in carta-enabled browser sorgente e Visual Studio. Per attivare il debug in Visual Studio selezionare 'debug' dal menu a discesa dopo la creazione di un'applicazione HTML con il progetto tipografico.

Aggiornamento :

WebStorm ha anche aggiunto il supporto per il debugging tramite SourceMaps: http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui- e altro ancora/

In primo luogo, permette WebStorm per lo sviluppo web più intelligente e più snella con linguaggi moderni come dattiloscritto, CoffeeScript e Dart. Oltre a fornire un editor di codice di prima classe per queste lingue, WebStorm 6 offerte:

Compilazione automatica / transpilation di questi linguaggi di livello più alto in quelli riconosciuti dai browser su tutte le piattaforme supportate. debugging del dattiloscritto, Dart o CoffeeScript completo con mappe di origine.