वेबस्टॉर्म में ग्रंट जॉब्स को डीबग करना

वास्तव में, मेरे पास PhpStorm है, लेकिन मुझे लगता है कि सब कुछ WebStorm में भी काम करेगा।

कमांड लाइन पर चलाएं

cd <path to Gruntfile> node --debug-brk=64005 $(which grunt) img2base64 

जहाँ img2base64 वांछित नौकरी का नाम है। सभी कार्य प्रारंभ करने के लिए आप इस पैरामीटर को छोड़ सकते हैं।
पोर्ट 64005 पर डिबगर सुनने को प्राप्त करें

वेबस्टॉर्म में आगे: रन -> कॉन्फ़िगरेशन संपादित करें ... -> + -> नोड जेएस रिमोट डिबग। कॉन्फ़िगरेशन नाम सेट करें (उदाहरण के लिए, ग्रंट), होस्ट: 127.0.0.1, डिबग पोर्ट: 64005 ( आप किसी भी पोर्ट को 1025 से 65535 तक निर्दिष्ट कर सकते हैं, मुख्य बात हर जगह एक ही है )। ओके पर क्लिक करें।
एक ब्रेकपॉइंट सेट करें और डीबग बटन पर क्लिक करें।

लाभ!
यहां डिबगिंग के दौरान विंडो कैसा दिखता है

उपयोगी लिंक

वेबस्टॉर्म में डीबगिंग (किसी भी JetBrains IDE में) - http://www.jetbrains.com/webstorm/webhelp/running-and-debugging-node-js.html
ब्राउज़र में डिबगिंग (Google Chrome या WebKit पर एक और) - https://github.com/dannycoates/node-insunector