Debugowanie kodu maszynopis z Visual Studio

Question

Debugowanie kodu maszynopis z Visual Studio

głosy

67

Czy istnieje sposób, aby debugować źródła maszynopis w Visual Studio (zamiast debugowania wygenerowany skrypt)?

Od specyfikacji języka maszynopis:

Maszynopis opcjonalnie udostępnia mapy źródłowe, umożliwiając źródła poziomu debugowania.

więc spodziewałem się, aby móc umieścić punkty przerwania w kodzie ts i móc go debugowania, ale to nie działa. Nie mogę znaleźć wszelkie inne wzmianki o debugowania w specyfikacji. Czy jest coś należy zrobić, aby to działało? Być może słowo „ewentualnie” sugeruje, że muszę zrobić coś dla go do pracy ... Wszelkie sugestie?

visual-studio typescript

Utwórz 03/10/2012 o 16:32
źródło użytkownik M.S

W innych językach...

6 odpowiedzi

głosy

14

Dzięki zastosowaniu VS2013 maszynopis, nie trzeba zmieniać niczego w pliku web.config. I umieścić punkt przerwania w pliku ts i debugowania w IE, i presto, punkt przerwania zatrzymana wewnątrz maszynopis.

Odpowiedział 11/12/2013 o 01:46
źródło użytkownik BraveNewMath

głosy

3

To jest już ustalona w VS 2017, więc można debugować bezpośrednio w Visual Studio i maszynopisu.

Wystarczy ustawić punkt przerwania w twoim * .TS pliku, a to będzie hit.

I będzie debugowania w VS, a nie IE, jakbyś debugowania C #.

Odpowiedział 03/12/2016 o 05:51
źródło użytkownik Greg0

głosy

3

Debugowanie maszynopis z Visual Studio współpracuje z odpowiednimi ustawieniami. (W poprzednich wersjach VS I napotykają problemy czasami poniżej jak to działa z VS 2015 CTP 6)

Najpierw upewnij się, że tworzenie map źródłowych podczas kompilacji maszynopis do javascript. Więc trzeba mieć plik xxx.js.map pobliżu każdego xxx.js.

Pierwsze mapy źródłowe uruchamiając kompilator wynikowego poza Visual Studio nie powoduje żadnych trudności, w wierszu poleceń dodać TSC
```
--sourcemap %1.ts
```
skrypt łyk zazwyczaj tworzyć sourcemaps domyślnie.
Skonfiguruj aplikację internetową w Visual Studio .

Ustaw Internet Explorer jako przeglądarkę startu. Mam to działa tylko z IE i nie sądzę, każda inna przeglądarka będzie działać.

W projekcie Właściwości przejdź do zakładki „web” i skonfigurować sekcję „Debuggers” na dole: Wyłącz wszystkie debuggerów ! Jest to licznik intutitive i może widzisz ten komunikat o błędzie:

Próbowano uruchomić debugger, ale na podstawie bieżących ustawień debugowania na stronie Właściwości sieci nie ma proces debugowania. Dzieje się tak, gdy „Nie otwierać stronę. Poczekaj na wniosek innego procesu” jest wybrana opcja, a ASP.NET debugowanie jest wyłączone. Proszę sprawdzić ustawienia na stronie właściwości sieci i spróbuj ponownie.

Jak mówi komunikat o błędzie, działanie start na górze właściwości internetowych powinno być innej opcji, jak „ Aktualna strona ”.

Ustaw punkty przerwania w kodzie ts wewnątrz Visual Studio teraz czy później.

hit F5

Chociaż można użyć Edytora Visual Studio do debugowania i edytować pliki ts, „Edycja i dalej” nie będzie działać, nie ma obecnie przeglądarka, która może przeładować pliki js i js.map i kontynuować. (Poprawcie mnie, jeśli ktoś się mylę i będę szczęśliwy).

Odpowiedział 06/04/2015 o 05:52
źródło użytkownik citykid

głosy

2

Maszynopis debugowanie nie działa dla mnie w ogóle z VS2013 Update 3 na żadnym z moich maszyn. Po wielu frustracji, postanowiłem spróbować aktualizacji do VS2013 aktualizacji 4 CTP. Wreszcie wartości graniczne są uderzeniu w VS!

Odpowiedział 31/10/2014 o 15:55
źródło użytkownik user1599328

głosy

0

Krótka odpowiedź: Restart Visual Studio

background: miałem 2 Visual Studio 2015 wystąpień z dwóch różnych projektów z maszynopis. Pierwszy rozpoczął wystąpienie nie debugowania poprawnie, drugi nie. Wszystkie ustawienia projektu były takie same. I w końcu ponownie uruchomić pierwsze wystąpienie i następnie debugowany Typescript (wreszcie).

Odpowiedział 14/02/2017 o 10:16
źródło użytkownik klaasjan69

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

Aktualizować jak VS 2017:

VS2017 teraz działa debugowanie maszynopis bezpośrednio w Visual Studio, tak jak jeśli debugowanie C #. Zobacz moją odpowiedź poniżej.

Oryginalny odpowiedzi na poprzednich wersjach VS:

Może nie być w stanie do debugowania w VS, ale można w niektórych przeglądarkach. Aaron Powell napisał o uzyskanie punktów przerwania pracy w Chrome Canary właśnie dzisiaj: https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/ .

Podsumowując (bardzo krótko), co mówi Aaron, należy użyć -sourcemapprzełącznika na kompilatora aby wygenerować *.js.mapplik w tym samym katalogu co źródle. W przeglądarkach obsługujących mapy źródłowe (Chrome Kanaryjskich, i prawdopodobnie ostatni Firefox buduje, ponieważ są one pomysł Mozilla), następnie można debugować .tsźródła tak jak byś normalnych .jsplików.

Blog kończy „Mam nadzieję, że zarówno Visual Studio lub IE (lub oba) zespół również odebrać Źródło Mapy i dodać wsparcie dla nich.” - co sugeruje, że nie zdarzyło się jeszcze.

Aktualizacja:

Wraz z wydaniem maszynopis 0.8.1, Źródło Mapa debugowanie jest teraz dostępna także w Visual Studio:

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

Od ogłoszenia:

debugowanie Maszynopis obsługuje teraz poziom debugowania źródła! Format map źródłowy został zyskuje popularność jako sposób debugowania języków, które przekładają się na JavaScripcie i jest obsługiwany przez wiele przeglądarek i narzędzi. W wersji 0.8.1, kompilator maszynopis oficjalnie obsługuje mapy źródłowego. Dodatkowo, nowa wersja maszynopis dla Visual Studio 2012 obsługuje debugowanie przy użyciu formatu źródło mapy. Z linii poleceń, możemy teraz w pełni wspiera wykorzystanie --sourcemap flagi, która generuje plik źródłowy mapa odpowiadający wyjściu JavaScript. Plik ten pozwoli bezpośrednio debugowania oryginalnego źródła maszynopis w źródłowych map obsługą przeglądarek i Visual Studio. Aby włączyć debugowanie w Visual Studio Debug „wybrać” z listy rozwijanej po tworzeniu aplikacji HTML z projektem maszynopis.

aktualizacja :

WebStorm także dodano wsparcie dla debugowania poprzez SourceMaps: http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui- i wiele więcej/

Po pierwsze, WebStorm pozwala na mądrzejszego i bardziej opływowy tworzenie stron internetowych z nowoczesnych języków, takich jak maszynopis, coffeescript i dart. Oprócz dostarczania edytora kodu pierwszej klasy dla tych języków, WebStorm 6 oferuje:

Automatyczna kompilacja / transpilation tych językach wyższego poziomu w te rozpoznawane przez przeglądarki na wszystkich obsługiwanych platformach. W pełni funkcjonalny debugowanie maszynopis DART lub coffeescript z mapami źródłowych.