विजुअल स्टूडियो 2017

Question

के साथ एंगुलर 2 को डीबग कैसे करें अब मैं कोडर और कोडिंग डीबग करने के लिए वेबस्टॉर्म का उपयोग कर रहा हूं लेकिन मुझे यह आईडीई पसंद नहीं है। वीएस 2017 के साथ कोणीय डीबग करने का कोई तरीका है?

Answer 1

हालांकि मैं मेरा सुझाव है दृश्य स्टूडियो के एक प्रशंसक हूँ तुम कोशिश दृश्य स्टूडियो कोड (या उदात्त या परमाणु की तरह समान) सामने के अंत के लिए। यह आईडीई इसकी विस्तारशीलता के कारण बहुत अच्छा है और टर्मिनल पर बेहतर नियंत्रण प्रदान करता है। साथ ही, अपने गुलप कार्यों को प्रबंधित करना आसान तरीका है।

• क्रोम डिबगर विस्तार संपादक के अंदर जे एस डिबगिंग अनुमति देता है। VSCode में how to debug angular2 typescript के लिए इस विषय को देखें।

VSCode में यह सेटअप दृश्य विषय और प्रतीक है कि सुंदर दृश्य स्टूडियो में के रूप में ही

Answer 2

आप VS2017 अंदर कोणीय डीबग कर सकते हैं करना संभव है। सिवाय इसके कि अभी तक समस्याएं हल नहीं हुई हैं। एक यह है कि वर्तमान में आपको डिबगिंग शुरू करने के बाद अपने ब्रेकपॉइंट्स सेट करने की आवश्यकता है।

1. एक Asp.Net कोर वेब अनुप्रयोग के रूप में एक परियोजना बनाएँ और "कोणीय" परियोजना टेम्पलेट का चयन करें: डीबगिंग के उदाहरण देखने के लिए निम्न उपाय अपनाते हैं (मैं वी.एस. प्रो v15.4.1 है)।

2. "आईआईएस एक्सप्रेस" के बगल में नीचे तीर पर क्लिक करें और वेब ब्राउज़र को Google क्रोम पर सेट करें।

3. डिबगिंग प्रारंभ करें। क्रोम स्क्रिप्ट डिबगिंग सक्षम होने के बारे में एक संदेश प्रदर्शित करेगा। आखिरकार आपका ऐप इस संदेश को विस्थापित कर देगा।

4. "this.currentCount ++;" पर ब्रेकपॉइंट सेट करें counter.component.ts में

5. काउंटर स्क्रीन पर नेविगेट करें और "वृद्धि" पर क्लिक करें। आपका ब्रेकपॉइंट मारा जाएगा।

सुनिश्चित करें कि आपके पास क्रोम डेवलपर टूल एक ही समय में चल रहे हैं (F12 टूल्स)।