Debuggen Typescript code met Visual Studio

Question

Debuggen Typescript code met Visual Studio

stemmen

67

Is er een manier om typoscript bron debuggen in Visual Studio (in plaats van het debuggen van de gegenereerde javascript)?

Vanaf het typoscript taal specificaties:

Typescript biedt optioneel bronkaarten, waardoor source-level debugging.

Ik was dus verwacht om te kunnen breekpunten plaatsen in ts code en in staat zijn om het te debuggen, maar het werkt niet. Ik vond geen andere vermeldingen van debugging in de specs. Is er iets wat ik moet doen om dit te laten werken? Misschien is het woord eventueel hints dat ik nodig heb om iets voor het aan het werk te doen ... Eventuele suggesties?

visual-studio typescript

De vraag is gesteld op 03/10/2012 om 16:32
bron van user M.S

In andere talen...

6 antwoorden

stemmen

14

Met VS2013 Typescript toepassing, heb ik niet om het even wat in web.config veranderen. Ik zette een breekpunt in het bestand ts en debuggen in IE, en presto, het breekpunt gestopt binnenkant typoscript.

antwoordde op 11/12/2013 om 01:46
bron van user BraveNewMath

stemmen

3

Dit is nu opgelost in VS 2017, zodat u direct in Visual Studio en typoscript kunnen debuggen.

set enkel uw breekpunt in uw * .TS bestand, en het zal worden getroffen.

En het zal debuggen in VS, niet IE, alsof je het debuggen van C #.

antwoordde op 03/12/2016 om 05:51
bron van user Greg0

stemmen

3

Debuggen typoscript met Visual Studio werkt met de juiste instellingen. (In eerdere versies van de VS ik soms problemen worden geconfronteerd, is hieronder hoe het werkt prima met VS 2015 CTP 6)

Eerst moet je ervoor zorgen dat je bron kaarten maken bij het compileren van typescript javascript. Dus je moet een xxx.js.map bestand in de buurt van elke xxx.js. hebben

Getting bronkaarten door het uitvoeren van het typoscript compiler buitenkant van Visual Studio heeft geen enkel probleem veroorzaken, op de TSC opdrachtregel toe te voegen
```
--sourcemap %1.ts
```
je slok script zal meestal creëren sourcemaps standaard.
Configureer uw web applicatie in Visual Studio .

Stel Internet Explorer als het begin browser. Ik heb het werken alleen met IE en denk niet dat een andere browser zal werken.

In het project eigenschappen naar het tabblad "Web" en configureer de sectie "Debuggers" aan de onderkant: alle debuggers uitschakelen ! Dit is contraproductief intutitive en je zou deze foutmelding te zien:

U hebt geprobeerd om de debugger te starten, maar op basis van uw huidige debug-instellingen op het web pagina is er geen proces te debuggen. Dit gebeurt wanneer de "Vergeet niet een te openen. Wacht op een verzoek van een ander proces" optie is geselecteerd en ASP.NET debugging is uitgeschakeld. Controleer de instellingen op het web pagina en probeer het opnieuw.

Als de foutmelding zegt, moet de actie te beginnen aan de bovenkant van de Web eigenschappen een andere optie, zoals "te zijn Huidige pagina ".

Stel breekpunten in uw ts code in Visual Studio nu of later.

hit F5

Terwijl u de Visual Studio-editor kunnen gebruiken om te debuggen en te bewerken ts bestanden, "Edit en doorgaan" zal niet werken, is er momenteel geen browser die kunnen herladen js en js.map bestanden en ga verder. (Corrigeer me iemand als ik verkeerd ben en ik zal blij zijn.)

antwoordde op 06/04/2015 om 05:52
bron van user citykid

stemmen

2

Typescript debugging werkte niet voor mij helemaal met VS2013 Update 3 op een van mijn machines. Na veel frustratie, heb ik besloten om te proberen bij te werken naar VS2013 Update 4 CTP. Tenslotte breekpunten worden geraakt in VS!

antwoordde op 31/10/2014 om 15:55
bron van user user1599328

stemmen

0

korte antwoord: Restart Visual Studio

achtergrond: Ik had 2 Visual Studio 2015 gevallen met twee verschillende projecten met typoscript. De eerste begon instantie niet correct debuggen, de tweede deed. Alle van het project instellingen waren hetzelfde. Ik uiteindelijk hernieuwd eerste instantie en debuggen is schrijfmachine (eindelijk).

antwoordde op 14/02/2017 om 10:16
bron van user klaasjan69

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

Werk als van VS 2017:

VS2017 werkt nu aan typoscript rechtstreeks debuggen in Visual Studio, net alsof je het debuggen C #. Zie mijn antwoord hieronder.

Originele Antwoord voor eerdere versies van de VS:

Je mag niet in staat zijn om te debuggen in VS, maar u kunt in sommige browsers. Aaron Powell heeft geblogd over het krijgen van breakpoints werken in Chrome Canary alleen vandaag: https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/ .

Om samen te vatten (heel kort) wat Aaron zegt, gebruikt u de -sourcemapschakelaar op de compiler voor het genereren van *.js.mapbestand in dezelfde map als de bron. In browsers die ondersteunen bronkaarten (Chrome Canary, en vermoedelijk recente Firefox bouwt, omdat ze een Mozilla idee), kunt u vervolgens debuggen uw .tsbron net zoals je zou normaal .jsbestanden.

De blog eindigt met "Hopelijk ofwel de Visual Studio of IE (of beide) team ook af te halen Bron Maps en voeg ondersteuning voor hen ook." - wat suggereert dat is nog niet gebeurd.

Bijwerken:

Met de release van typoscript 0.8.1, Source Map debuggen is nu ook beschikbaar in Visual Studio:

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

Vanaf de aankondiging:

Debugging Typescript ondersteunt nu bron niveau debuggen! De bron kaart-formaat heeft aan populariteit wint als een manier om het debuggen van talen die te vertalen naar JavaScript en wordt ondersteund door een verscheidenheid van browsers en gereedschappen. Met versie 0.8.1, het typoscript compiler ondersteunt officieel bronkaarten. Daarnaast is de nieuwe versie van de schrijfmachine voor Visual Studio 2012 ondersteunt debuggen met behulp van de bron kaart formaat. Vanaf de command-line, we nu volledig ondersteunen het gebruik van de --sourcemap vlag, die een bron kaart-bestand dat overeenkomt met de JavaScript-uitgang uitgangen. Dit bestand zal direct debuggen van de originele typoscript bron in source-map enabled browsers en Visual Studio. Foutopsporing in Visual Studio te schakelen selecteer 'Debug' in het dropdown na het maken van een HTML-toepassing met typoscript project.

update :

WebStorm ook ondersteuning voor debuggen via SourceMaps: http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui- en veel meer/

Ten eerste, WebStorm zorgt voor slimmer en meer gestroomlijnde web development met moderne talen zoals typoscript, CoffeeScript en Dart. Naast het leveren van een eerste klas code-editor voor deze talen, WebStorm 6 aanbiedingen:

Automatische compilatie / transpilation van deze hogere talen in die herkend door browsers op alle ondersteunde platforms. Full-featured debugging getypte, Dart of CoffeeScript met bronkaarten.