Codul cu Debugging typescript Visual Studio

Question

Codul cu Debugging typescript Visual Studio

voturi

67

Există o modalitate de a depana sursă typescript în Visual Studio (în loc de depanare JavaScript generat)?

Din caietul de sarcini lingvistice typescript:

Typescript oferă opțional hărți sursă, permițând la nivel de sursa de depanare.

Prin urmare, mă așteptam să fie capabil de a plasa puncte de întrerupere în ts cod și să fie capabil să-l depana, dar aceasta nu funcționează. Nu am găsit nici o altă mențiuni de depanare în specificațiile. Este ceva ce ar trebui să fac pentru a face acest lucru ceva? Poate cuvântul „opțional“ indicii că trebuie să fac ceva pentru a funcționa ... Orice sugestii?

visual-studio typescript

Întrebat 03/10/2012 la 16:32
sursa de către utilizator M.S

În alte limbi...

6 răspunsuri

voturi

14

Cu aplicația VS2013 typescript, nu am avut de a schimba ceva în Web.config. Am pus un punct de întrerupere în fișierul ts și depanat în IE, și Presto, breakpoint sa oprit în interiorul dactilografiate.

Publicat 11/12/2013 la 01:46
sursa de către utilizator BraveNewMath

voturi

3

Acest lucru este acum stabilit în VS 2017, astfel încât să puteți depana direct în Visual Studio și dactilografiate.

Trebuie doar să setați breakpoint în fișierul * TS, și va fi lovit.

Și va depana în VS, nu IE, ca și în cazul în care ați fost de depanare c #.

Publicat 03/12/2016 la 05:51
sursa de către utilizator Greg0

voturi

3

Debugging dactilografiat cu Visual Studio funcționează cu setările potrivite. (În versiunile anterioare ale VS I se confruntă cu probleme, uneori, de mai jos este modul în care funcționează bine cu VS 2015 CTP 6)

Mai întâi asigurați - vă că creați hărți sursă atunci când compilarea dactilografiat JavaScript. Deci , ar trebui să aveți un fișier xxx.js.map aproape de fiecare xxx.js.

Obținerea de hărți sursă prin rularea compilatorul dactilografiat în afara Visual Studio nu produce nici o dificultate, la linia de comandă TSC adăuga
```
--sourcemap %1.ts
```
script-ul înghițitură va crea de obicei sourcemaps în mod implicit.
Configurați aplicația web în Visual Studio .

Setați Internet Explorer ca browser - ul de pornire. Am luat - o de lucru numai cu IE și dont cred că orice alt browser va funcționa.

În cadrul proiectului de proprietăți du - te la tab - ul „Web“ și configurați secțiunea „Debuggers“ în partea de jos: Dezactivați toate debuggeri ! Acest lucru este contra intutitive și este posibil să vedeți acest mesaj de eroare:

Ați încercat să înceapă depanatorul, dar în funcție de setările curente de depanare de pe pagina de proprietăți Web nu există nici un proces pentru a depana. Acest lucru se întâmplă atunci când „nu se deschide o pagină. Așteptați o solicitare de la un alt proces“ este selectată opțiunea, și ASP.NET depanare este dezactivată. Vă rugăm să verificați setările de pe pagina de proprietăți Web și încercați din nou.

După cum spune mesajul de eroare, acțiunea Start la partea de sus a proprietăților Web ar trebui să fie o altă opțiune, cum ar fi „ Pagina curentă “.

Setați puncte de întrerupere în codul ts în interiorul Visual Studio acum sau mai târziu.

Hit F5

În timp ce puteți utiliza Visual Studio Editor pentru a depana și edita fișiere ts „Editare și Continue“ nu va funcționa, nu există în prezent nici un browser care poate reîncărca fișierele și js.map și js continua. (Corectați-mă dacă cineva mă înșel și voi fi fericit.)

Publicat 06/04/2015 la 05:52
sursa de către utilizator citykid

voturi

2

Typescript depanare nu a lucrat pentru mine, la toate cu VS2013 Update 3 pe oricare dintre mașinile mele. După multă frustrare, am decis să încerc actualizarea la VS2013 Actualizare 4 CTP. În cele din urmă sunt punctele de întrerupere a lovit în VS!

Publicat 31/10/2014 la 15:55
sursa de către utilizator user1599328

voturi

0

răspuns scurt: Reporniți Visual Studio

fundal: Am avut 2 Visual Studio 2015 de cazuri, cu două proiecte diferite cu dactilografiate. Prima a început instanță nu a depana corect, iar al doilea a făcut. Toate setările de proiect au fost aceleași. Am reluat în cele din urmă prima instanță și apoi depanat typescript (în cele din urmă).

Publicat 14/02/2017 la 10:16
sursa de către utilizator klaasjan69

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

Actualizați ca de VS 2017:

VS2017 lucreaza acum pentru a depana dactilografiat direct în Visual Studio, la fel ca în cazul în care vă depanare c #. A se vedea răspunsul meu de mai jos.

Raspuns original pentru versiunile anterioare ale VS:

Este posibil să nu fi capabil de a depana în VS, dar puteți în unele browsere. Aaron Powell a blogged despre obtinerea de puncte de întrerupere care lucrează în Chrome Canary doar astăzi: https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/ .

Pentru a rezuma (foarte pe scurt) , ceea ce spune Aaron, utilizați -sourcemapcomutatorul de pe compilator pentru a genera un *.js.mapfișier în același director ca sursă. În browserele care acceptă hărți sursă (Chrome Canary, și , probabil , recent Firefox se bazează, deoarece acestea sunt o idee Mozilla), puteți depana apoi dvs. .tssursă la fel cum ați normale .jsfișiere.

Blogul inainteaza „Din fericire, fie Visual Studio sau IE (sau ambele), echipa alege, de asemenea hărți sursă și adăugați suport pentru ei.“ - ceea ce sugerează că nu sa întâmplat încă.

Actualizați:

Odată cu lansarea dactilografiate 0.8.1, Sursa Harta depanare este acum disponibil și în Visual Studio:

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

De la anuntul:

Debugging typescript suportă acum la nivel sursă de depanare! Sursa de format hartă a fost câștigat popularitate ca o modalitate de depanare limbi care traduce JavaScript și este sprijinit de o varietate de browsere și instrumente. Cu versiunea 0.8.1, compilatorul typescript sprijină în mod oficial hărți sursă. În plus, noua versiune dactilografiate pentru Visual Studio 2012 debugging utilizând formatul hartă sursă. Din linia de comandă, acum sprijină pe deplin utilizarea drapelului --sourcemap, care emite un fișier de hartă sursă corespunzătoare de ieșire JavaScript. Acest fișier va permite depanarea direct sursa typescript original sursa browser-ului hartă și Visual Studio. Pentru a activa depanare în Visual Studio selectați „Debug“ din meniul vertical după crearea unei aplicații HTML cu proiectul dactilografiate.

Actualizare :

WebStorm a adăugat , de asemenea suport pentru depanare via SourceMaps: http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui- și mult mai mult/

În primul rând, WebStorm permite dezvoltarea web mai inteligentă și mai raționalizate cu limbi moderne, cum ar fi typescript, CoffeeScript și Dart. În plus față de furnizarea de un editor de cod de primă clasă pentru aceste limbi, WebStorm 6 oferte:

compilare automată / transpilation acestor limbi de nivel superior în cele recunoscute de browsere de pe toate platformele suportate. depanare dactilografiate, Dart sau CoffeeScript Full-featured cu hărți sursă.