VS2017 और बाद के लिए वर्तमान उत्तर
विजुअल स्टूडियो में सीधे टाइपिंग डिबगिंग VS2017 के बाद से संभव हो गया है। से प्रलेखन :
आप Visual Studio का उपयोग करके जावास्क्रिप्ट और टाइपस्क्रिप्ट कोड को डीबग कर सकते हैं। आप ब्रेकपॉइंट सेट और हिट कर सकते हैं, डिबगर संलग्न कर सकते हैं, चर का निरीक्षण कर सकते हैं, कॉल स्टैक देख सकते हैं और अन्य डीबगिंग सुविधाओं का उपयोग कर सकते हैं।
Visual Studio में डीबगिंग टाइपस्क्रिप्ट / Asp.NET Core पर अतिरिक्त संसाधन भी हैं ।
विजुअल स्टूडियो कोड में टाइपस्क्रिप्ट को डिबग करना भी संभव है :
विजुअल स्टूडियो कोड अपने अंतर्निहित Node.js डीबगर के माध्यम से टाइपस्क्रिप्ट डिबगिंग का समर्थन करता है और क्लाइंट-साइड टाइपस्क्रिप्ट डीबगिंग का समर्थन करने के लिए क्रोम के लिए डीबगर जैसे एक्सटेंशन के माध्यम से भी।
VS के पूर्व संस्करणों के लिए मूल उत्तर:
आप वीएस में डिबग करने में सक्षम नहीं हो सकते हैं, लेकिन आप कुछ ब्राउज़रों में कर सकते हैं। आरोन पॉवेल ने अभी-अभी क्रोम कैनरी में काम करने वाले ब्रेकप्वाइंट पाने के बारे में ब्लॉग किया है: https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/ ।
संक्षेप में (बहुत संक्षेप में) हारून क्या कहता है, आप -sourcemap
संकलक पर स्विच का उपयोग *.js.map
उसी स्रोत के समान निर्देशिका में एक फ़ाइल बनाने के लिए करते हैं। उन ब्राउज़रों में जो स्रोत के नक्शे (क्रोम कैनरी, और संभवतः हाल ही में फ़ायरफ़ॉक्स का निर्माण करते हैं, क्योंकि वे एक मोज़िला विचार हैं) का समर्थन करते हैं, तब आप अपने .ts
स्रोत को उसी तरह डिबग कर सकते हैं जैसे आप सामान्य .js
फ़ाइलों में करते हैं।
ब्लॉग "उम्मीद के साथ या तो विज़ुअल स्टूडियो या IE (या दोनों) टीम के साथ-साथ स्रोत मानचित्र भी उठाता है और उनके लिए समर्थन भी जोड़ता है।" - जो बताता है कि यह अभी तक नहीं हुआ है।
अपडेट करें:
टाइपस्क्रिप्ट 0.8.1 की रिलीज़ के साथ, सोर्स मैप डिबगिंग अब विजुअल स्टूडियो में भी उपलब्ध है:
https://blogs.msdn.com/b/typescript/archive/2012/11/15/announcing-typescript-0-8-1.aspx
घोषणा से:
डिबगिंग
टाइपस्क्रिप्ट अब स्रोत स्तर डिबगिंग का समर्थन करता है! स्रोत मानचित्र प्रारूप उन भाषाओं को डिबगिंग के रूप में लोकप्रियता प्राप्त कर रहा है जो जावास्क्रिप्ट में अनुवाद करती हैं और विभिन्न ब्राउज़रों और उपकरणों द्वारा समर्थित है। संस्करण 0.8.1 के साथ, टाइपस्क्रिप्ट कंपाइलर आधिकारिक तौर पर स्रोत मानचित्र का समर्थन करता है। इसके अतिरिक्त, Visual Studio 2012 के लिए टाइपस्क्रिप्ट का नया संस्करण स्रोत मानचित्र प्रारूप का उपयोग करके डीबगिंग का समर्थन करता है। कमांड-लाइन से, अब हम पूरी तरह से - सोर्समैप फ्लैग के उपयोग का समर्थन करते हैं, जो जावास्क्रिप्ट आउटपुट के लिए एक स्रोत मैप फ़ाइल को आउटपुट करता है। यह फ़ाइल स्रोत टाइप-सक्षम ब्राउज़रों और विज़ुअल स्टूडियो में मूल टाइपस्क्रिप्ट स्रोत को सीधे डीबग करने की अनुमति देगा। Visual Studio में डीबगिंग सक्षम करने के लिए टाइपस्क्रिप्ट प्रोजेक्ट के साथ HTML एप्लिकेशन बनाने के बाद ड्रॉपडाउन से 'डीबग' चुनें।
अपडेट :
WebMorm ने SourceMaps के माध्यम से डिबगिंग के लिए समर्थन भी जोड़ा है: http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui- और भी बहुत कुछ/
सबसे पहले, WebStorm आधुनिक भाषाओं जैसे टाइपस्क्रिप्ट, कॉफ़ीस्क्रिप्ट और डार्ट के साथ स्मार्ट और अधिक सुव्यवस्थित वेब विकास की अनुमति देता है। इन भाषाओं के लिए प्रथम श्रेणी कोड संपादक प्रदान करने के अलावा, WebStorm 6 प्रदान करता है:
सभी समर्थित प्लेटफार्मों पर ब्राउज़रों द्वारा मान्यता प्राप्त इन उच्च-स्तरीय भाषाओं में स्वचालित संकलन / ट्रांसप्लिकेशन। सोर्स मैप्स के साथ टाइपस्क्रिप्ट, डार्ट या कॉफीस्क्रिप्ट की पूर्ण विशेषताओं वाली डिबगिंग।