Debugging κώδικα γραφομηχανή με το Visual Studio

Question

Debugging κώδικα γραφομηχανή με το Visual Studio

ψήφοι

67

Είναι ένας τρόπος για να διορθώσετε την πηγή γραφομηχανή στο Visual Studio (αντί για τον εντοπισμό σφαλμάτων του παραγόμενου javascript) εκεί;

Από τις προδιαγραφές γλώσσα γραφομηχανή:

Γραφομηχανή παρέχει προαιρετικά χάρτες πηγή, επιτρέποντας τον εντοπισμό σφαλμάτων πηγή επιπέδου.

Ως εκ τούτου, περίμενα να είναι σε θέση να τοποθετήσετε τα σημεία παύσης στο TS κώδικα και να είναι σε θέση να το διορθώσετε, αλλά δεν λειτουργεί. Δεν βρήκα κάποιο άλλο αναφορές εντοπισμό σφαλμάτων στις προδιαγραφές. Υπάρχει κάτι που πρέπει να κάνω για να κάνουν αυτό το έργο εκεί; Ίσως η λέξη «προαιρετικά» υπαινίσσεται ότι πρέπει να κάνω κάτι για να λειτουργήσει ... οποιεσδήποτε προτάσεις;

visual-studio typescript

Δημοσιεύθηκε 03/10/2012 στις 16:32
πηγή χρήστη M.S

Σε άλλες γλώσσες...

6 απαντήσεις

ψήφοι

14

Με την εφαρμογή VS2013 γραφομηχανή, δεν πρέπει να αλλάξει τίποτα στο web.config. Έβαλα ένα σημείο διακοπής στο αρχείο ts και λάθη στον IE, και presto, το σημείο διακοπής σταμάτησε μέσα σε γραφομηχανή.

Απαντήθηκε 11/12/2013 στις 01:46
πηγή χρήστη BraveNewMath

ψήφοι

3

Αυτό είναι πλέον σταθερό στο VS 2017, ώστε να μπορείτε να διορθώσετε άμεσα σε Visual Studio και γραφομηχανή.

Μόλις ορίσετε σημείο διακοπής σας * σας .ts αρχείο, και θα χτυπήσει.

Και θα διορθώσετε το VS, δεν IE, σαν να τον εντοπισμό σφαλμάτων γ #.

Απαντήθηκε 03/12/2016 στις 05:51
πηγή χρήστη Greg0

ψήφοι

3

Εντοπισμού σφαλμάτων γραφομηχανή με το Visual Studio συνεργάζεται με τις σωστές ρυθμίσεις. (Σε προηγούμενες εκδόσεις του VS αντιμετωπίζω προβλήματα μερικές φορές, παρακάτω είναι πώς αυτό λειτουργεί μια χαρά με το VS 2015 CTP 6)

Πρώτα βεβαιωθείτε ότι έχετε δημιουργήσει χάρτες πηγή κατά την κατάρτιση γραφομηχανή για να javascript. Έτσι, θα πρέπει να έχετε ένα αρχείο xxx.js.map κοντά σε κάθε xxx.js.

Να πάρει χάρτες πηγή εκτελώντας τον compiler γραφομηχανή έξω από το Visual Studio δεν προκαλεί καμία δυσκολία, στη γραμμή εντολών TSC προσθέσετε
```
--sourcemap %1.ts
```
script γουλιά σας θα δημιουργήσει συνήθως sourcemaps από προεπιλογή.
Διαμορφώστε την αίτησή σας web στο Visual Studio .

Ορισμός του Internet Explorer ως πρόγραμμα περιήγησης αρχή. Πήρα αυτό που εργάζονται μόνο με IE και μην πιστεύετε ότι οποιοδήποτε άλλο πρόγραμμα περιήγησης θα λειτουργήσει.

Στο πλαίσιο του έργου ιδιότητες πηγαίνετε στην καρτέλα «Web» και να ρυθμίσετε την ενότητα «προγράμματα εντοπισμού σφαλμάτων» στο κάτω μέρος: Απενεργοποιήστε όλα τα προγράμματα εντοπισμού σφαλμάτων ! Αυτό είναι σε αντίθεση intutitive και μπορείτε να δείτε αυτό το μήνυμα λάθους:

Έχετε προσπαθήσει να ξεκινήσει το πρόγραμμα εντοπισμού σφαλμάτων, αλλά με βάση τις τρέχουσες ρυθμίσεις εντοπισμού σφαλμάτων σας στη σελίδα ιδιοτήτων Web δεν υπάρχει διαδικασία για τον εντοπισμό σφαλμάτων. Αυτό συμβαίνει όταν η «Μην ανοίγετε μια σελίδα. Περιμένετε ένα αίτημα από μια άλλη διαδικασία» έχει επιλεγεί η επιλογή, και ASP.NET τον εντοπισμό σφαλμάτων είναι απενεργοποιημένη. Παρακαλώ ελέγξτε τις ρυθμίσεις σας στη σελίδα ιδιοτήτων Web και δοκιμάστε ξανά.

Όπως αναφέρει το μήνυμα λάθους, το Start δράση στην κορυφή των ιδιοτήτων Web θα πρέπει να είναι μια άλλη επιλογή, όπως « Τρέχουσα σελίδα ».

Ορισμός σημείων διακοπής στον κώδικα ts σας μέσα Visual Studio τώρα ή αργότερα.

Hit F5

Ενώ μπορείτε να χρησιμοποιήσετε το Visual Studio Editor για να διορθώσετε και να επεξεργαστείτε αρχεία ts, «Επεξεργασία και Συνέχεια» δεν θα λειτουργήσει, δεν υπάρχει σήμερα το πρόγραμμα περιήγησης που μπορεί να φορτώσετε εκ νέου js και js.map αρχεία και να συνεχίσει. (Διορθώστε με κανέναν, αν κάνω λάθος και θα είμαι ευτυχής.)

Απαντήθηκε 06/04/2015 στις 05:52
πηγή χρήστη citykid

ψήφοι

2

Γραφομηχανή εντοπισμού σφαλμάτων δεν λειτούργησε για μένα σε όλα με VS2013 Update 3 σε οποιαδήποτε από τις μηχανές μου. Μετά από πολλή απογοήτευση, αποφάσισα να δοκιμάσω την ενημέρωση για VS2013 Ενημέρωση 4 CTP. Τέλος όρια ευαισθησίας είναι να χτυπηθεί το VS!

Απαντήθηκε 31/10/2014 στις 15:55
πηγή χρήστη user1599328

ψήφοι

0

σύντομη απάντηση: Επανεκκίνηση Visual Studio

φόντο: Είχα 2 Visual Studio 2015 περιπτώσεις με δύο διαφορετικά έργα με γραφομηχανή. Η πρώτη ξεκίνησε περίπτωση δεν τον εντοπισμό σφαλμάτων σωστά, η δεύτερη έκανε. Όλες οι ρυθμίσεις του σχεδίου ήταν η ίδια. Έχω επανεκκίνηση τελικά την πρώτη φάση και στη συνέχεια να διορθωθεί γραφομηχανή (επιτέλους).

Απαντήθηκε 14/02/2017 στις 10:16
πηγή χρήστη klaasjan69

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

Ενημέρωση από VS 2017:

VS2017 τώρα εργάζεται για τον εντοπισμό σφαλμάτων γραφομηχανή απευθείας στο Visual Studio, ακριβώς όπως και αν τον εντοπισμό σφαλμάτων γ #. Δείτε την απάντησή μου παρακάτω.

Αρχικό Απάντηση για τις προηγούμενες εκδόσεις του VS:

Μπορεί να μην είστε σε θέση να διορθώσετε το VS, αλλά μπορείτε σε ορισμένα προγράμματα περιήγησης. Aaron Πάουελ έχει blogged για να πάρει τα σημεία παύσης εργασίας στο Chrome Canary μόλις σήμερα: https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/ .

Για να συνοψίσουμε (πολύ σύντομα) αυτό που λέει ο Ααρών, μπορείτε να χρησιμοποιήσετε το -sourcemapδιακόπτη για τον compiler για να δημιουργήσετε ένα *.js.mapαρχείο στον ίδιο κατάλογο με την πηγή σας. Σε browsers που υποστηρίζουν τους χάρτες πηγή (Chrome Canary, και κατά πάσα πιθανότητα πρόσφατη Firefox χτίζει, δεδομένου ότι είναι μια ιδέα Mozilla), τότε μπορείτε να διορθώσετε σας .tsπηγή όπως ακριβώς θα κάνατε κανονικό .jsαρχεία.

Το blog τελειώνει με το «Ας ελπίσουμε ότι είτε το Visual Studio ή IE (ή και τα δύο) ομάδα και να πάρει Πηγή Χάρτες και πρόσθεσε υποστήριξη για τους πάρα πολύ.» - γεγονός που υποδηλώνει ότι δεν έχει συμβεί ακόμη.

Εκσυγχρονίζω:

Με την κυκλοφορία του γραφομηχανή 0.8.1, Πηγή Χάρτης εντοπισμού σφαλμάτων είναι πλέον διαθέσιμη και στο Visual Studio:

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

Από την ανακοίνωση:

Debugging γραφομηχανή υποστηρίζει τώρα την πηγή εντοπισμού σφαλμάτων επίπεδο! Η μορφή χάρτη πηγή έχει κερδίσει τη δημοτικότητα ως ένας τρόπος εντοπισμού σφαλμάτων γλώσσες που μεταφράζεται σε JavaScript και υποστηρίζεται από μια ποικιλία των browsers και των εργαλείων. Με την έκδοση 0.8.1, ο compiler γραφομηχανή υποστηρίζει επίσημα χάρτες πηγή. Επιπλέον, η νέα έκδοση του γραφομηχανή για το Visual Studio 2012 υποστηρίζει τον εντοπισμό σφαλμάτων χρησιμοποιώντας τη μορφή χάρτη πηγή. Από την γραμμή εντολών, τώρα υποστηρίζει πλήρως τη χρήση του --sourcemap σημαία, η οποία εξάγει ένα αρχείο χάρτη πηγή που αντιστοιχεί στην έξοδο JavaScript. Αυτό το αρχείο θα επιτρέψει άμεσα debugging την αρχική πηγή γραφομηχανή στην πηγή browsers χάρτη με δυνατότητα και Visual Studio. Για να ενεργοποιήσετε τον εντοπισμό σφαλμάτων στο Visual Studio επιλέξτε «Debug» από το αναπτυσσόμενο μενού μετά τη δημιουργία ενός HTML Εφαρμογή με το έργο γραφομηχανή.

Ενημέρωση :

WebStorm έχει επίσης προστεθεί υποστήριξη για τον εντοπισμό σφαλμάτων μέσω SourceMaps: http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui- και πολλα ΑΚΟΜΑ/

Κατ 'αρχάς, WebStorm επιτρέπει την πιο έξυπνη και πιο εύχρηστο ανάπτυξης ιστοσελίδων με τις σύγχρονες γλώσσες όπως η γραφομηχανή, CoffeeScript και Dart. Εκτός από την παροχή ενός επεξεργαστή κωδικό πρώτης κατηγορίας για αυτές τις γλώσσες, WebStorm 6 προσφορές:

Αυτόματη συλλογή / transpilation από αυτές τις γλώσσες υψηλότερου επιπέδου σε αυτές που αναγνωρίζονται από τα προγράμματα περιήγησης σε όλες τις υποστηριζόμενες πλατφόρμες. Πλήρεις λειτουργίες εντοπισμού σφαλμάτων του γραφομηχανή, βελάκια ή CoffeeScript με χάρτες πηγή.