टाइपस्क्रिप्ट डिबगिंग

हाल ही में, Microsoft ने टाइपस्क्रिप्ट को जावास्क्रिप्ट के सुपरसेट के रूप में पेश किया।
भाषा मुझे दिलचस्प लगी, लेकिन एक बात थी लेकिन ... सवाल यह था कि इस पर बहस कैसे की जाए।
क्योंकि एक शक्तिशाली और सुविधाजनक भाषा में लिखना एक बात है, और तर्क में त्रुटियों को बनाए रखना और सही करना एक और है। और इस मामले में, आप डिबगर के बिना नहीं कर सकते। यह वही है जो मुझे कॉफ़ीस्क्रिप्ट या स्क्रिप्टस्पार और पसंद का उपयोग करने से रोकता है।
लेकिन कल ही मुझे सोर्सपोट के बारे में पता चला (यह पता लगाना देर से बेहतर है कि बिल्कुल भी पता न चले)। और यह सुरंग के अंत में मेरे लिए प्रकाश की तरह था।
और सबसे महत्वपूर्ण बात, पहले से ही टाइपस्क्रिप्ट कंपाइलर में SourceMap के लिए समर्थन है।



क्रिया में डीबग करने का प्रयास करने के लिए, टाइपस्क्रिप्ट प्रोजेक्ट के साथ एक HTML अनुप्रयोग बनाएँ।
मेरे मामले में, परियोजना निर्देशिका C: \ Projects \ TypeScriptHTMLApp1 है

अब आपको -sourcemap विकल्प के साथ app.ts फ़ाइल को संकलित करने की आवश्यकता है

C: \ Projects \ TypeScriptHTMLApp1> tsc -sourcemap app.ts

परिणामस्वरूप, डिस्क पर app.js.map फ़ाइल दिखाई देगी
और app.js फ़ाइल में app.js.map के लिए एक लिंक होगा

अब हम अपनी साइट को Google Chrome में लॉन्च कर सकते हैं, जिसमें Enable Source Maps विकल्प चालू है

यहां आप देख सकते हैं कि हमारी * .ts फाइल अपलोड हो गई है


यहाँ स्रोत कोड है


और यहां टाइपस्क्रिप्ट फ़ाइल में वास्तविक ब्रेकपॉइंट है

यह भी देखा जाता है कि हम चर आदि देख सकते हैं।

यह लेख अनुवाद नहीं है, लेकिन मैंने इस विचार को यहाँ लिया:
टाइपस्क्रिप्ट के साथ सोर्स मैप्स का उपयोग करना