वेबपॉर्म में जावास्क्रिप्ट को डीबग कैसे करें जब gulp एप्लिकेशन की सेवा कर रहा है

Question

वेबस्टॉर्म में, मैं स्थानीय सेवा लॉन्च करता हूं जो नौ से उत्पन्न 9000 स्टब कोणीय प्रोजेक्ट लॉन्च करता है। मैं डिबग जावा स्क्रिप्ट कोड के लिए कोशिश कर रहा हूँ और इस मैं क्या करने की कोशिश की है:

• मैं एक डिबग कार्य के रूप में घूंट चलाने के लिए, मैं कर सकते हैं केवल डिबग घूंट फ़ाइल लाइनों
• मैं घूंट जावास्क्रिप्ट से पहले की सेवा चलाने का प्रयास है, यह शुरू होता है की सेवा और Webstorm कभी नहीं शुरू करने उसके JavaScript डिबग सत्र
• मैं जावास्क्रिप्ट डिबग चलाने का प्रयास करने के लिए हो जाता है, मैं अपने कोड के अंदर breakpoints नहीं मिलता है।

इस स्थिति में वर्कफ़्लो क्या है?

पीएस। मैं क्रोम डेवलपर उपकरण के अंदर डिबग कोड के लिए कोशिश कर रहा हूँ नहीं, मैं अपने breakpoints Webstorm

Answer 1

अपने जावास्क्रिप्ट में काम करना चाहते हैं - अपने लाइनों दोनों के बीच debugger; रखा, और पॉप Chrome में अपनी Developer Tools खोलें। जब आप पृष्ठ को रीफ्रेश करते हैं - यदि आपकी स्क्रिप्ट चलती है, तो इसे debugger; कहां रखना चाहिए और आप उनके मान देखने के लिए विभिन्न चर पर होवर कर पाएंगे। बहुत शक्तिशाली और बुनियादी उपकरण।

इसके अलावा, यदि आप स्क्रिप्ट स्टॉप नहीं चाहते हैं - तो आप डेवलपर टूल्स कंसोल को वैरिएबल प्रिंट करने के लिए console.log(variable); कर सकते हैं।

उदाहरण:

var somethingOrOther = function(){ 
var blah = 'foo'; 
console.log(blah);// to print to console 
debugger; // to stop script at this point and look around 
}; 

मत भूलना debugger; दूर करने के लिए यह करने के बाद। मैं यह सुनिश्चित करने के लिए कि आप उन प्रकार की चीजों को याद नहीं करते हैं, अपने गल्प में jshint का उपयोग करने की सलाह देते हैं।