Debuggen Typoskript Code mit Visual Studio

Question

Debuggen Typoskript Code mit Visual Studio

stimmen

67

Gibt es eine Möglichkeit Typoskript Quelle in Visual Studio zu debuggen (statt dem generierten JavaScript Debugging)?

Aus den Typoskript Sprache Spezifikationen:

Typoskript bietet optional Quelle Karten, so dass Source-Level-Debugging.

Ich habe erwartet daher in der Lage sein, Haltepunkte in ts Code zu platzieren und in der Lage, es zu debuggen, aber es funktioniert nicht. Ich fand nicht, andere in den Spezifikationen von Debugging erwähnt. Gibt es etwas, was ich tun sollte, um diese Arbeit zu machen? Vielleicht ist das Wort „gegebenenfalls“ deutet an, dass ich etwas tun müssen, um es Irgendwelche Vorschläge zu arbeiten ...?

visual-studio typescript

Veröffentlicht am 03/10/2012 um 16:32
quelle vom benutzer M.S

In anderen Sprachen...

6 antworten

stimmen

14

Mit VS2013 Typoskript Anwendung, musste ich nichts in web.config ändern. Ich habe einen Haltepunkt in der TS-Datei und in IE debuggt, und presto, der Haltepunkt gestoppt innerhalb Typoskript.

Beantwortet am 11/12/2013 um 01:46
quelle vom benutzer BraveNewMath

stimmen

3

Dies wird nun in VS 2017 festgelegt, so dass Sie direkt in Visual Studio und Typoskript debuggen können.

Geben Sie einfach Ihren Haltepunkt in Ihrem * .ts-Datei, und es wird getroffen werden.

Und es wird in VS debuggen, nicht IE, als ob Sie c # wurden debuggen.

Beantwortet am 03/12/2016 um 05:51
quelle vom benutzer Greg0

stimmen

3

Debuggen Typoskript mit Visual Studio arbeitet mit den richtigen Einstellungen. (In früheren Versionen von VS ich manchmal Problemen konfrontiert, ist unten, wie es mit VS 2015 CTP 6 funktioniert gut)

Zuerst stellen Sie sicher , dass Sie Quelle Karten erstellen , wenn Typoskript Javascript kompilieren. So sollten Sie eine xxx.js.map Datei in der Nähe von jeder xxx.js. haben

Quelle Karten bekommen durch das Typoskript Compiler außerhalb von Visual Studio ausgeführt Schwierigkeiten nicht verursacht, an der tsc Befehlszeile hinzufügen
```
--sourcemap %1.ts
```
Ihr Zug Skript wird in der Regel sourcemaps standardmäßig erstellen.
Konfigurieren Sie Ihre Web - Anwendung in Visual Studio .

Setzen Sie den Internet Explorer als Start Browser. Ich habe es nur mit IE arbeiten und denke nicht , einen anderen Browser arbeiten.

Im Projekt gehen Eigenschaften auf die Registerkarte „Web“ und konfigurieren Sie den „Debuggers“ am Boden: Deaktivieren Sie alle Debugger ! Dies ist Zähler intutitive und Sie können diese Fehlermeldung angezeigt:

Sie haben versucht, den Debugger zu starten, aber auf dem aktuellen Debug-Einstellungen basierend auf der Web-Eigenschaftenseite kein Prozess zu debuggen ist. Dies geschieht, wenn die „Do eine Seite nicht öffnen. Aus einem anderen Prozess für eine Anforderung Wait“ Option ausgewählt ist, und ASP.NET-Debugging ist deaktiviert. Bitte überprüfen Sie die Einstellungen auf der Web-Seite Eigenschaften und versuchen Sie es erneut.

Da die Fehlermeldung sagt, sollte die Startaktion an der Spitze der Web - Eigenschaften eine weitere Option sein, wie „ Aktuelle Seite “.

Setzen Sie Haltepunkte in Ihrem ts Code in Visual Studio jetzt oder später.

hit F5

Während Sie das Visual Studio Editor zu debuggen und zu bearbeiten ts Dateien verwenden können, „Bearbeiten und Fortfahren“ wird nicht funktionieren, da derzeit kein Browser, js und js.map Dateien und weiterhin nachladen kann. (Korrigiert mich jemand, wenn ich falsch bin, und ich werde glücklich sein.)

Beantwortet am 06/04/2015 um 05:52
quelle vom benutzer citykid

stimmen

2

Typoskript Debuggen nicht für mich gar nicht mit VS2013 Update 3 auf jedem meiner Maschinen arbeiten. Nach viel Frustration, habe ich beschlossen, VS2013 Update 4 CTP aktualisieren, um zu versuchen. Schließlich Stützpunkte werden in VS Hit!

Beantwortet am 31/10/2014 um 15:55
quelle vom benutzer user1599328

stimmen

0

kurze Antwort: Starten Sie Visual Studio

Hintergrund: Ich hatte 2 Visual Studio 2015-Instanzen mit zwei verschiedenen Projekten mit Typoskript. Der erste gestartete Instanz nicht korrekt debuggen, die zweite tat. Alle Projekteinstellungen waren die gleichen. Ich neu gestartet schließlich die erste Instanz und dann ausgetestet Typoskript (endlich).

Beantwortet am 14/02/2017 um 10:16
quelle vom benutzer klaasjan69

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

Nachricht vom VS 2017:

VS2017 funktioniert jetzt Typoskript direkt in Visual Studio debuggen, genau wie wenn Sie c # debuggen. Siehe meine Antwort unten.

Original Antwort für frühere Versionen von VS:

Sie sind möglicherweise nicht in VS zu Debuggen der Lage sein, aber man kann in einigen Browsern. Aaron Powell hat über das Erhalten Stützpunkte arbeiten in Chrome Canary nur heute gebloggt: https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/ .

Zusammengefasst (sehr kurz) , was Aaron sagt, verwenden Sie den -sourcemapSchalter auf dem Compiler eine generieren *.js.mapDatei im selben Verzeichnis wie die Quelle. In Browsern , die Unterstützung Quelle Karten (Chrome Canary und vermutlich letzten Firefox baut, da sie eine Mozilla Idee sind), können Sie dann debuggen Ihre .tsQuelle nur wie normale .jsDateien.

Der Blog endet mit „Hoffentlich entweder dem Visual Studio oder IE (oder beide) Team auch Quelle Karten abholen und Unterstützung auch für sie hinzufügen.“ - was darauf hindeutet, es ist noch nicht geschehen.

Aktualisieren:

Mit der Veröffentlichung von Typoskript 0.8.1 ist Quelle Map Debuggen jetzt auch in Visual Studio zur Verfügung:

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

Aus der Ankündigung:

Fehlerbeseitigung Typoskript unterstützt jetzt Source-Level-Debugging! Die Quelle Map-Format hat Popularität als eine Möglichkeit worden gewinnt Sprachen von Debuggen, die in JavaScript übersetzen und wird von einer Vielzahl von Browsern und Tool unterstützt. Mit der Version 0.8.1 unterstützt die Typoskript Compiler offiziell Quelle Karten. Darüber hinaus unterstützt die neue Version von Typoskript für Visual Studio 2012 Debuggen des Quellkartenformat. Von der Kommandozeile unterstützen wir nun vollständig die Verwendung der --sourcemap Flagge, die eine Quelle Map-Datei an die JavaScript-Ausgabe entspricht, ausgibt. Diese Datei kann direkt von der ursprünglichen Quelle Typoskript Karte-fähigen Browser und Visual Studio in Quelle debuggen. Um das Debuggen in Visual Studio wählen Sie ‚Debug‘ aus dem Drop-Down zu aktivieren, nachdem eine HTML-Anwendung mit Typoskript Projekt.

Update :

WebStorm hat auch Unterstützung für das Debuggen über SourceMaps hinzugefügt: http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui- und vieles mehr/

Erstens ermöglicht WebStorm für intelligente und schlanke Web-Entwicklung mit modernen Sprachen wie Typoskript, Coffeescript und Dart. Zusätzlich zu einem First-Class-Code-Editor für diese Sprachen zu bieten, WebStorm 6 Angebote:

Automatische Erstellung / transpilation dieser höheren Sprachen in von Browsern auf allen unterstützten Plattformen anerkannt diejenigen. Voll funktions Debuggen von Typoskript, Dart oder Coffee mit Quellen Karten.