WebStorm 2019.3: तेजी से लॉन्च, Vue.js और अन्य सुधारों के लिए बेहतर समर्थन

सभी को नमस्कार!

Habré पर एक लंबे समय के लिए वेबस्टॉर्म टीम से कोई ब्लॉग पोस्ट नहीं थे। ठीक है, हम इसे ठीक कर देंगे, खासकर जब से एक बड़ा कारण है: हमने इस वर्ष वेबस्टॉर्म का अंतिम प्रमुख अपडेट जारी किया।



यदि आपके पास पूरे लेख को पढ़ने का समय नहीं है, तो यहां वेबस्टॉर्म 2019.3 में दिखाई देने वाले कुछ शब्द दिए गए हैं:

• हमने IDE के लॉन्च को गति देने के लिए कुछ गंभीर काम किया है, और अब WebStorm 2019.3 एक स्वागत योग्य स्क्रीन प्रदर्शित करता है और पिछले संस्करणों की तुलना में लगभग 20% तेजी से पहले अनुक्रमित परियोजनाओं को खोलता है।
• स्लॉट नामों के ऑटो-समापन, वी वर्णों के लिए त्वरित दस्तावेज़ीकरण और अलग-अलग फ़ाइलों में परिभाषित घटकों के लिए समर्थन के लिए धन्यवाद, अब आप Vue.js के साथ और भी तेज़ी से एप्लिकेशन बना सकते हैं।
• मौजूदा कार्यक्षमता का उपयोग करने के लिए और अधिक सुविधाजनक हो गया है: अब आप स्वचालित रूप से सभी नए प्रोजेक्ट के लिए वैश्विक फ़ाइल दर्शकों को सक्षम कर सकते हैं, तेजी से GitHub और उससे आगे की परियोजनाओं को क्लोन कर सकते हैं।
• जावास्क्रिप्ट और टाइपस्क्रिप्ट के लिए कोड पूरा करना और भी स्मार्ट हो गया है। उदाहरण के लिए, नए चर, कार्यों, कक्षाओं और इंटरफेस के लिए, वेबस्टॉर्म अब उपयुक्त नामों के लिए संकेत देता है जो पहले से ही एक ही क्षेत्र में उपयोग किए गए हैं, लेकिन अभी तक परिभाषित नहीं किए गए हैं और अनसुलझे के रूप में चिह्नित हैं।

यह सुधारों का केवल एक हिस्सा है। उन्हें आज़माने के लिए, वेबस्टॉर्म 2019.3 के 30-दिवसीय परीक्षण संस्करण को वेबसाइट पर या टूलबॉक्स ऐप का उपयोग करके डाउनलोड करें। पूर्ण संस्करण का उपयोग वेबस्टॉर्म या ऑल प्रोडक्ट पैक के लिए एक वैध सदस्यता के धारकों द्वारा किया जा सकता है, साथ ही साथ मुक्त छात्रों और ओपन सोर्स प्रोजेक्ट्स के डेवलपर्स भी कर सकते हैं।

और अब आइए प्रत्येक सुधार को अधिक विस्तार से देखें और उत्पाद में अन्य महत्वपूर्ण परिवर्तनों से गुजरें।

तेजी से विकास पर्यावरण स्टार्टअप

सबसे आम वेबस्टॉर्म प्रदर्शन समस्याओं में से एक इसकी धीमी शुरूआत थी। हमने इस असुविधा के सुधार के लिए पिछले दो रिलीज चक्रों को समर्पित किया है, जिनके बारे में कई उपयोगकर्ताओं ने शिकायत की थी। नतीजतन, WebStorm 2019.3 एक स्वागत योग्य स्क्रीन प्रदर्शित करता है और पिछले संस्करणों की तुलना में पहले अनुक्रमित परियोजनाओं को बहुत तेज़ी से खोलता है।

जब हम "तेज" कहते हैं तो वास्तव में क्या मतलब है? हमने विभिन्न ऑपरेटिंग सिस्टमों पर वेबस्टॉर्म 2019.3 के लॉन्च समय को मापा और इन आंकड़ों की तुलना दो पिछले संस्करणों - 2019.1 और 2019.2 के प्रदर्शन से की। सटीक परिणाम प्राप्त करने के लिए, हमने हर जगह एक ही परियोजना का उपयोग किया: ऐप के साथ एक रिएक्ट एप्लिकेशन। संपादक में फ़ाइल खोलें, जो क्रिएट-रिएक्शन-ऐप का उपयोग करके बनाया गया है। यहां हमें मिले परिणाम हैं:



औसतन, स्टार्टअप का समय पिछले संस्करणों की तुलना में लगभग 20% कम हो गया था, लेकिन परिणाम उपयोग किए गए नेटवर्क सेटिंग्स, कार्यक्षेत्र के आकार, कंप्यूटर की आयु और एंटीवायरस के कॉन्फ़िगरेशन के आधार पर भिन्न हो सकते हैं ।

हम अपने लॉरेल्स पर आराम करने की योजना नहीं बनाते हैं - संस्करण 2020.1 में आप इस क्षेत्र में कई और महत्वपूर्ण सुधार पाएंगे, जिसमें अनुक्रमणिका परियोजनाओं का अनुकूलन भी शामिल है।

Vue.js समर्थन में बड़ा सुधार

लॉन्च को तेज करने के अलावा, हमने Vue.js के लिए समर्थन में काफी सुधार किया है ताकि वेबस्टॉर्म उपयोगकर्ता इस ढांचे पर जल्दी से एप्लिकेशन बना सकें।

के साथ शुरू करने के लिए, Vue.js परियोजनाओं में कोड पूरा करना बेहतर हो गया है। सबसे पहले, WebStorm अब स्लॉट नामों को स्वचालित रूप से पॉप्युलेट कर सकता है। यह परियोजना के घटकों और Vuetify, Quasar और BootstrapVue घटक पुस्तकालयों में परिभाषित स्लॉट नामों के लिए काम करता है। दूसरे, वेबस्टॉर्म अब अलग-अलग फ़ाइलों में स्थित एक घटक के हिस्सों के बीच के रिश्ते को समझता है, और इनपुट मापदंडों, डेटा और विधियों के लिए ऑटो-पूर्ण विकल्प प्रदान करता है, भले ही वे एक ही vue-file में परिभाषित न हों।



अंत में, अब आप Vue.js और कुछ लोकप्रिय घटक पुस्तकालयों में परिभाषित घटकों और निर्देशों के लिए प्रलेखन देख सकते हैं - वेबस्टोर में सही। ऐसा करने के लिए, बस अपने कोड में घटक या निर्देश के नाम पर होवर करें और F1 दबाएं।

नए चरित्र नाम के लिए युक्तियाँ

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



नए चर, कार्यों, कक्षाओं और इंटरफेस के लिए, आप उन नामों के लिए संकेत भी देखेंगे जो पहले से ही एक ही दायरे में उपयोग किए गए हैं, लेकिन अभी तक परिभाषित नहीं किया गया है और अनसुलझे के रूप में चिह्नित किया गया है।

उदाहरण के लिए, यदि आप कुछ नए फ़ंक्शन का उपयोग करना चाहते हैं, तो आप पहले इसे कॉल कर सकते हैं और फिर इसे जोड़ने और सुझाए गए नाम को देखने के लिए function टाइप कर सकते हैं। बेशक, आप इसके उपयोग की जगह पर भी मंडरा सकते हैं, Alt-Enter दबाएं और “क्विक फिक्स” क्रिएट फंक्शन लागू करें।

आमतौर पर इस्तेमाल की जाने वाली तकनीकों के नवीनतम संस्करणों के लिए समर्थन

WebStorm 2019.3 में, आपको टाइप -स्क्रिप्ट 3.7 कोर कार्यक्षमता के लिए अंतर्निहित समर्थन मिलेगा, जिसमें वैकल्पिक चेनिंग , न्यूललेस कोलेसिंग और मुखर हस्ताक्षर शामिल हैं , जो आपको उनके साथ अधिक कुशलता से काम करने में मदद करेंगे। लेकिन यह सब नहीं है: हमने आगामी यार्न 2 रिलीज में उपलब्ध प्लग'पेल कार्यक्षमता के लिए समर्थन भी जोड़ा है।

सीएसएस पुस्तकालयों के लिए सीडीएन के माध्यम से जोड़ा गया कोड पूरा

HTML फाइल में CDN के माध्यम से बूटस्ट्रैप या किसी अन्य CSS लाइब्रेरी का उपयोग करना? अब WebStorm आपके द्वारा उपयोग किए जा रहे पुस्तकालय से वर्ग के नामों के लिए स्वत: पूर्ण विकल्प प्रदान करेगा, जबकि आपको अपने स्रोतों को परियोजना में जोड़ने के लिए मजबूर नहीं करेगा। इस कार्यक्षमता को सक्षम करने के लिए, HTML फ़ाइल में CDN लिंक पर होवर करें , Alt-Enter दबाएं और डाउनलोड लाइब्रेरी चुनें।

उपकरण और कॉन्फ़िगरेशन चलाने के लिए एक क्रिया

नई रन एनीथिंग क्रिया के साथ, आप एनपीएम और यार्न जैसे कॉन्फ़िगरेशन और टूल लॉन्च कर सकते हैं, साथ ही हाल ही में प्रोजेक्ट खोल सकते हैं। इसका उपयोग करने के लिए, दो बार Ctrl दबाएं या नेविगेशन बार के दाईं ओर आइकन पर क्लिक करें।

सभी नई परियोजनाओं के लिए वैश्विक फ़ाइल दर्शकों को कनेक्ट करें

यदि आप अपने प्रोजेक्ट में Prettier जैसे टूल का उपयोग करते हैं और फ़ाइल व्यूअर का उपयोग करके उन्हें कॉन्फ़िगर करते हैं, तो संभावना है कि आप मौजूदा सेटिंग्स को सभी नई परियोजनाओं पर स्वचालित रूप से लागू करना चाहेंगे। WebStorm 2019.3 में, यह डिफ़ॉल्ट रूप से वैश्विक फ़ाइल दर्शक को सक्षम करके प्राप्त किया जा सकता है। उन्हें सक्षम करने के लिए, वरीयताएँ / सेटिंग्स पर जाएँ | उपकरण | फ़ाइल वॉचर्स , एक नया वैश्विक फ़ाइल व्यूअर जोड़ें और सक्षम जांचें।

प्रोजेक्ट क्लोनिंग के लिए अद्यतित इंटरफ़ेस

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



यह सब एक बार के लिए है। अंत तक पढ़ने के लिए धन्यवाद! आप रिलीज़ ब्लॉग पोस्ट (अंग्रेज़ी में) से और भी अधिक विवरण प्राप्त कर सकते हैं। प्रश्न, इच्छाएं, बग रिपोर्ट और सिर्फ विचार टिप्पणियों में व्यक्त करते हैं। हम, हमेशा की तरह, जवाब देने में खुशी होगी।

JetBrains WebStorm टीम
विकसित करने के लिए ड्राइव