GitHub Copilot, Swimm, Prettier, और बहुत कुछ। देव टीमों के लिए इन 5 आवश्यक विज़ुअल स्टूडियो कोड प्लगइन्स के साथ अपनी उत्पादकता और सहयोग को बढ़ावा दें।

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

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

आएँ शुरू करें!

1. गिटहब कोपिलॉट - आपका एआई जोड़ी प्रोग्रामर।

GitHub Copilot एक AI-संचालित कोड सहायक है, जिसे GitHub ने OpenAI के सहयोग से विकसित किया है । यह जिस प्रणाली का उपयोग करता है, जिसे OpenAI कोडेक्स कहा जाता है, OpenAI की GPT-3 (जेनरेटिव प्री-ट्रेन ट्रांसफॉर्मर) तकनीक पर आधारित है, और यह प्रोग्रामिंग के दौरान कोड सुझाव और स्वत: पूर्णता प्रदान करने के लिए प्राकृतिक भाषा को पार्स करता है।

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

एक बार जब आप इसे सेट कर लेते हैं, तो GitHub Copilot आपके द्वारा टाइप किए जा रहे संदर्भ और/या कोड टिप्पणियों के आधार पर आपके कोड को पूरा करने के लिए सुझाव प्रदान करेगा। आप आवश्यकतानुसार सुझावों को स्वीकार या अस्वीकार कर सकते हैं — और यहाँ प्रवाह में आना आसान है, सुझावों को स्वीकार करने के लिए TAB पर क्लिक करना, और अगले को तुरंत तैयार करना।

GitHub Copilot डेवलपर्स पर संज्ञानात्मक भार को कम करने में मदद कर सकता है और कोड लिखते समय आपका समय बचा सकता है। हालांकि, यह याद रखना महत्वपूर्ण है कि एक्सटेंशन को लगातार प्रशिक्षित किया जा रहा है, इसलिए हो सकता है कि कुछ सुझाव हमेशा सटीक न हों । हालाँकि, अच्छी बात यह है कि GitHub Copilot भविष्य में अधिक सटीक होने के लिए आपकी प्रतिक्रिया से सीख सकता है और सीखता है।

यह सुनिश्चित करने के लिए कि आपकी गोपनीयता सुरक्षित है, GitHub Copilot एक फ़ेडरेटेड लर्निंग मॉडल का उपयोग करता है जो व्यक्तिगत डेटा एकत्र करने के बजाय कई उपयोगकर्ताओं से डेटा एकत्र करता है। विस्तार किसी भी मुद्दे या चिंताओं को सीधे विकास टीम को रिपोर्ट करने का एक तरीका भी प्रदान करता है।

2. स्विम - स्टेरॉयड पर डॉक्स-एज-कोड!

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

स्विम तीन तरीकों से वह करता है जो कोडबेस के दस्तावेजीकरण के पारंपरिक तरीके नहीं कर सकते:

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

अगली बार जब आप अपना IDE शुरू करें, लॉग इन/रजिस्टर करें, और एक GitHub रिपॉजिटरी कनेक्ट करें। अब आप या तो कर सकते हैं:

a) आप जिस भी फ़ाइल पर काम कर रहे हैं, उसके लिए नया दस्तावेज़ बनाना शुरू करें।

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

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

Swimm और इसका VSCode प्लगइन डेवलपर्स और देव टीमों को निम्नलिखित हासिल करने में मदद कर सकता है:

• नए डेवलपर्स के लिए ऑनबोर्डिंग समय में 55% की कटौती करें क्योंकि वे कोड-युग्मित प्रलेखन के कारण कोडबेस को बहुत तेजी से समझने में सक्षम होंगे जो बहाव को कम करने के लिए ऑटो-अपडेट किया गया है (स्रोत ) ।
• बनाने में आसान, खोजने में आसान, उपयोग में आसान प्रलेखन ( स्रोत ) के साथ डेवलपर्स की उत्पादकता को 50% तक बढ़ाएं।
• इंफ्रास्ट्रक्चर, एपीआई, आर्किटेक्चर, और अधिक से संबंधित इंजीनियरिंग निर्णयों के हमेशा प्रासंगिक और अद्यतित आंतरिक दस्तावेज़ीकरण, परिवर्तन और रिकॉर्ड प्रदान करके क्रॉस-टीम सहयोग को सक्षम करें।

3. सुंदर - स्वच्छंद, स्वचालित कोड फ़ॉर्मेटर।

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

ऑटो-प्रबलित सुसंगत कोड स्वरूपण (नियमों के आधार पर जिसे आप अपने संगठन/प्रोजेक्ट के लिए अनुकूलित कर सकते हैं) के साथ जो एक एकल कीस्ट्रोक संयोजन (आमतौर पर, Alt + Shift + F, या हर बार जब आप सहेजते हैं) पर ट्रिगर होते हैं, तो आप समय बचाते हैं, Ctrl बनाते हैं -C + Ctrl-V डॉक्स से IDE में बहुत अधिक विश्वसनीय है, और त्रुटियों का पता लगाता है और उन्हें विफल होने से पहले ठीक करता है।

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

प्रीटियर आपके हाथों से कोड पठनीयता सुनिश्चित करने की चिंता करता है - और यह एक बड़ी बात है, क्योंकि कोड पठनीयता सीधे कोड रखरखाव से संबंधित है , विशेष रूप से बड़े कोडबेस के लिए।

4. आयात लागत — अपने आयात के आकार की गणना करें।

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

आयात लागत के साथ, आप आसानी से पहचान सकते हैं कि कौन से आयात आपके कोड को फूला हुआ बना रहे हैं और उन्हें अनुकूलित करने के लिए कदम उठा सकते हैं। यह आपके एप्लिकेशन के प्रदर्शन को बेहतर बनाने में मदद कर सकता है, खासकर उन मामलों में जहां आप बड़े पुस्तकालयों या मॉड्यूल के साथ काम कर रहे हैं।

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

आयात लागत के साथ, आप सूचित निर्णय लेते हैं कि किस आयात/बंडल का उपयोग करना है और किससे बचना है। आपको अपने आयात के आकार के बारे में जानकारी प्रदान करके, आप उन्हें अनुकूलित करने को प्राथमिकता दे सकते हैं जो आपके कोड के आकार और प्रदर्शन पर सबसे अधिक प्रभाव डालते हैं।

5. IntelliSense — कोड सुझाव और पूर्णताएं।

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

जटिल, आधुनिक भाषाओं और devtools के साथ काम करते समय IntelliSense का कोई विकल्प नहीं है। यह आपके कोड के सिंटैक्स, संरचना और निश्चित रूप से उपयोग की जा रही भाषा के आधार पर प्रासंगिक सुझाव (कोड हिंटिंग) और स्वत: पूर्ण प्रदान करता है। जैसा कि आप टाइप करते हैं, यह प्रासंगिक कार्यों, विधियों, गुणों और अन्य तत्वों का सुझाव दे सकता है जो वर्तमान संदर्भ से संबंधित हैं।

एचटीएमएल/सीएसएस, जावास्क्रिप्ट, टाइपस्क्रिप्ट, पायथन, रस्ट, गो, और अधिक सहित प्रोग्रामिंग भाषाओं और वातावरणों की एक विस्तृत श्रृंखला के लिए इंटेलिसेंस एक्सटेंशन हैं, और सामान्य ढांचे, पुस्तकालयों और देव उपकरणों के लिए विजुअल स्टूडियो मार्केटप्लेस पर इंटेलिसेंस एक्सटेंशन भी हैं। जैसे कि React, Angular, Svelte, Django, Vue, Docker, NPM, Helm… और यहाँ तक कि Tailwind CSS!

बोनस पिक - थंडर क्लाइंट

थंडर क्लाइंट एक विज़ुअल स्टूडियो कोड एक्सटेंशन है जो आपको संपादक के भीतर से HTTP अनुरोध और परीक्षण एपीआई भेजने की अनुमति देता है।

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

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

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

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

ऊपर लपेटकर

इस लेख में, हमने डेवलपर्स के लिए पाँच सर्वश्रेष्ठ VSCode एक्सटेंशन शामिल किए हैं। कुल मिलाकर, ये आवश्यक उपकरण हैं जो उत्पादकता, कोड गुणवत्ता और सहयोग में सुधार करते हैं।

GitHub Copilot आपको AI-सहायता प्राप्त कोड सुझाव प्रदान करके, अधिक तेज़ी से कोड लिखने में मदद करता है। स्विम आपकी आईडीई में प्रासंगिक कोड के ठीक बगल में कोड-युग्मित, ऑटो-अपडेटेड दस्तावेज़ों को आसानी से बनाने और खोजने में आपकी सहायता करता है। प्रीटियर के साथ , आप अपने कोड को लगातार और स्वचालित रूप से प्रारूपित कर सकते हैं, अपना समय बचा सकते हैं और त्रुटियों को कम कर सकते हैं। आयात लागत आपको अपने आयातित मॉड्यूल का आकार और लागत दिखाकर अपनी परियोजना को अनुकूलित करने में मदद कर सकती है। और अंत में, IntelliSense के साथ आप प्रासंगिक सुझाव और कोड स्निपेट प्रदान करके तेजी से और अधिक कुशलता से कोड लिख सकते हैं।

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