वेबस्टॉर्म 8 से मिलिए: AngularJS सपोर्ट, स्पाई-जेएस, ग्रंट इंटीग्रेशन, और बहुत कुछ

तो यह वेबस्टॉर्म के स्प्रिंग अपडेट का समय है, फ्रंट-एंड डेवलपमेंट के लिए हमारी IDE और Node.js.
नए WebStorm 8 में AngularJS फ्रेमवर्क , स्पाई-जेएस जावास्क्रिप्ट ट्रेसर, संपादक में लंबे समय से प्रतीक्षित कई कर्सर कर्सर , ग्रंट और बोवर एकीकरण और कई और अधिक रोचक नवाचारों और सुधारों के लिए समर्थन शामिल है।
अब, पहले चीजें पहले।

AngularJS सहायता

अनुभवी WebStorm उपयोगकर्ताओं और AngularJS के प्रशंसकों को शायद पता है कि इस ढांचे के लिए एक प्लग-इन पहले WebStorm में उपलब्ध था। एंगुलरजेएस में बढ़ती रुचि को देखते हुए, हमने इसका समर्थन खुद करने का फैसला किया।

अब AngularJS के साथ परियोजनाओं में, HTML पूर्णता ने AngularJS निर्देशों, घोषित नियंत्रकों और अनुप्रयोगों के नाम के साथ-साथ घुंघराले कोष्ठक के अंदर डेटा बाइंडिंग के लिए स्वतः पूर्णता को जोड़ा है।



उसी समय, WebStorm यह जाँच करेगा कि इस टैग में निर्देश का उपयोग AngularJS प्रलेखन के अनुसार सही है या नहीं।

वैसे, AngularJS प्रलेखन को वेबस्टॉर्म पर छोड़ने के बिना आसानी से एक्सेस किया जा सकता है, क्विक डॉक्यूमेंटेशन लुकअप (मैक पर Ctrl-J , विंडोज़ और लिनक्स पर Ctrl + Q ) का उपयोग करके या, इसके विपरीत, Shiftular F1 में AngularJS वेबसाइट पर जाकर।



कंट्रोलर नाम दोनों एक HTML फ़ाइल से और हर जगह सर्च के माध्यम से काम करता है (सर्च बार डबल-प्रेसिंग शिफ्ट द्वारा उपलब्ध है) और प्रतीक पर जाएं (मैक या Ctrl + Alt + Shift + N पर विंडोज और लिनक्स पर) । NgView और $ pathProvider के लिए, टेम्प्लेट फ़ाइल के लिए नेविगेशन काम करता है।

AngularJS के लिए प्लगइन का स्रोत कोड GitHub पर उपलब्ध है । हमें उम्मीद है कि यह अन्य रूपरेखाओं का समर्थन करने के लिए नए प्लगइन्स बनाने के लिए एक उदाहरण के रूप में काम कर सकता है।

जासूस-js

जावास्क्रिप्ट को ट्रेसिंग और प्रोफाइल करने के लिए स्पाई-जेएस एक शक्तिशाली उपकरण है।
कोड निष्पादन, त्रुटि का पता लगाने के साथ-साथ कोड के टुकड़े की बेहतर समझ के लिए स्पाई-जेएस काम में आता है जिसे पूरा करने में विशेष रूप से लंबा समय लगता है।

स्पाई-जेएस रन-कॉन्फ़िगरेशन को चलाकर, दिखाई देने वाली विंडो में, आप कंप्यूटर पर किसी भी ब्राउज़र में साइट पर होने वाली घटनाओं की पूरी सूची देख सकते हैं (या मोबाइल डिवाइस पर भी)। इवेंट ईवेंट नाम या फ़ाइल नाम से घटनाओं की सूची के लिए फ़िल्टर उपलब्ध हैं।

प्रत्येक ईवेंट के लिए, आप पूरी ईवेंट कॉल स्टैक देख सकते हैं और संपादक विंडो में एक हाइलाइट किए गए पथ को देख सकते हैं जो यह दर्शाता है कि इस स्क्रिप्ट को कैसे निष्पादित किया गया था।



स्पाई-जेएस काम करने के लिए, आपको अपने कंप्यूटर पर सिस्टम प्रॉक्सी को कॉन्फ़िगर करना होगा, लेकिन स्पाई-जेएस यह स्वचालित रूप से कर सकते हैं। आप इस वीडियो डेमो में कार्रवाई में जासूसी देख सकते हैं।

एकाधिक कर्सर और कई चयन

WebStorm 8 कई कर्सर का उपयोग करके कोड को संपादित करने की क्षमता का परिचय देता है, साथ ही साथ कई चयन फ़ंक्शन भी करता है।

यह इस तरह काम करता है (IntelliJ IDEA से शॉर्टकट में थोड़े अंतर हैं):
- कर्सर प्लेसमेंट: Alt + क्लिक ;
- चयन के लिए निम्नलिखित मैच जोड़ें: विंडोज और Ctrl के लिए Alt + J - मैक के लिए जी ;
- चयन को मैच से हटा दें: विंडोज और Ctrl के लिए Alt + Shift + J - मैक के लिए Shift - G ;
- सभी चयनों और अभिशापों को हटा दें: Esc ;
- कर्सर को उच्चतर / निचला (गर्म कुंजियों को अभी तक असाइन नहीं किया गया है)।

ग्रंट इंटीग्रेशन

हमने ग्रंट के समर्थन के साथ जावास्क्रिप्ट परियोजनाओं के लिए बिल्ड सिस्टम के एकीकरण को शुरू करने का निर्णय लिया।
एक विशेष कंसोल में, आप प्रोजेक्ट ग्रंट- फाइल्स में घोषित सभी कार्यों की सूची देख सकते हैं। डबल-क्लिक करके, आप किसी भी कार्य या कार्यों का समूह शुरू कर सकते हैं।

बोवर एकता

बोवर का एकीकरण, वेब परियोजनाओं के लिए एक निर्भरता प्रबंधक, आपको IDE में सीधे नए पैकेज खोजने और स्थापित करने की अनुमति देता है, स्वचालित रूप से bower.json प्रोजेक्ट फ़ाइल को अपडेट करता है। बोवर सेटिंग में उपलब्ध है जावास्क्रिप्ट।

डीबगर में अद्यतित कंसोल

जावास्क्रिप्ट और Node.js डीबगर में कंसोल अब ब्राउज़र में कंसोल के समान काम करता है, अब आप इसमें जावास्क्रिप्ट कोड निष्पादित कर सकते हैं।

CucumberJS के साथ BDD परीक्षण

WebStorm 8 में एक और नवाचार: CucumberJS के लिए समर्थन - BDD परीक्षण के लिए उपयोगिताओं। WebStorm, Gherkin भाषा को समझता है और इच्छित कार्यक्षमता को लागू करने के लिए नए कदम बनाना आसान बनाता है ( चरण परिभाषाएँ )। टेस्ट परिणाम आईडीई विंडो में एक सुविधाजनक प्रारूप में प्रस्तुत किया जाएगा।

जावास्क्रिप्ट

इस अद्यतन में, हमने मॉड्यूलर जावास्क्रिप्ट संरचना के साथ काम करने के लिए प्रौद्योगिकियों के लिए समर्थन में सुधार करने की कोशिश की: संबंधित फ़ाइलों में नेविगेशन जोड़कर , JJS, AMD और EcmaScript 6 हार्मनी मॉड्यूल ।

लेस और सास

इस अद्यतन में, हमने LESS के सभी नवाचारों और परिवर्तनों का समर्थन किया है, जिसमें हाल ही में जारी किया गया नवीनतम संस्करण 1.7 भी शामिल है।
Sass 3.3 से , WebStorm 8 को अब समर्थित किया गया है: @ at-root निर्देशक, कई संग्रह के लिए @each और चर के लिए वैश्विक ध्वज। Sass 3.3 के लिए पूर्ण समर्थन आगामी WebStorm अपडेट में होगा।

आगे क्या है?

आप नए संस्करण के बारे में अधिक जान सकते हैं और वेबस्टॉर्म 8 के मुफ्त 30-दिवसीय परीक्षण संस्करण को डाउनलोड कर सकते हैं, साथ ही उत्पाद पृष्ठ पर नई सुविधाओं के बारे में वीडियो देख सकते हैं।
संस्करण 8 में अपग्रेड करना उन लोगों के लिए मुफ़्त है , जिन्होंने 26 मार्च, 2013 के बाद लाइसेंस खरीदा है।
हमें आपके सवालों के जवाब देने में खुशी होगी।
हम अपने बग ट्रैकर में नए संस्करण पर टिप्पणियों और सुझावों की प्रतीक्षा कर रहे हैं।