10 उपयोगी दृश्य स्टूडियो कोड प्लगइन्स

अनुभवी डेवलपर्स से शुरुआती जोनों तक हर कोई अपने जीवन को सरल बनाना चाहता है। सही उपकरण इसकी मदद कर सकते हैं।

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

प्लगइन्स उत्पादकता और काम करने के दृष्टिकोण को बहुत प्रभावित करते हैं। यह हम नीचे चर्चा करेंगे।

"पहले हम उपकरण बदलते हैं, और फिर वे हमें बदलते हैं"
- जेफ बेजोस

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

विजुअल स्टूडियो इन्टेलिकोड

यह विजुअल स्टूडियो (3,200,000 से अधिक डाउनलोड) के लिए सबसे अधिक बार डाउनलोड किया गया प्लगइन है। और, मेरी राय में, सबसे उपयोगी।

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

इस लेख का अनुवाद EDISON सॉफ्टवेयर के सहयोग से किया गया, जो एक ऐसी कंपनी है जो अनुप्रयोगों और साइटों को विकसित करती है , और स्टार्टअप्स में भी निवेश करती है ।

गित दोष

यह किसने किया ?!

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

यह उपयोगी जानकारी है, खासकर जब आप फ़ंक्शन शाखाओं के साथ काम करते हैं। चूँकि Git Blame आपको बताता है कि किस कमिट में (यानी किस शाखा में) कोड की लाइन बदली गई थी, आप जानते हैं कि किस टिकट के कारण यह बदलाव हुआ। यह आपको परिवर्तनों के कारणों को बेहतर ढंग से समझने में मदद करेगा।

खूबसूरत

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

Prettier JavaScript, TypeScript, HTML, CSS, Markdown, GraphQL और अन्य आधुनिक उपकरणों के साथ संगत है और आपको कोड को सही ढंग से प्रारूपित करने की अनुमति देता है।

जावास्क्रिप्ट (ईएस 6) कोड स्निपेट्स

प्रत्येक डेवलपर जो कम से कम एक विषय होने की कोशिश करता है, संभवतः जावास्क्रिप्ट स्टैक में से एक के साथ काम करता है। इससे कोई फर्क नहीं पड़ता कि आप कौन सा ढांचा पसंद करते हैं। विभिन्न परियोजनाओं में सामान्य कोड आपके जीवन को सरल बनाने चाहिए।

जावास्क्रिप्ट (ईएस 6) कोड स्निपेट्स एक आसान प्लगइन है जो एक आलसी डेवलपर के लिए जावास्क्रिप्ट कोड के कुछ बहुत उपयोगी स्निपेट प्रदान करता है। यह गर्म कुंजियों के साथ मानक फ़ंक्शन कॉल को जोड़ता है। एक बार जब आप इसका पता लगा लेते हैं, तो आपकी उत्पादकता काफी बढ़ जाएगी।

सास

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

पथ अंतर्मुखी

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

क्रोम के लिए डिबगर

यदि आपको जावास्क्रिप्ट को डीबग करने की आवश्यकता है, तो आपको विज़ुअल स्टूडियो कोड को छोड़ने की आवश्यकता नहीं है। Chrome के लिए Microsoft का डिबगर आपको Visual Studio कोड में सीधे स्रोत फ़ाइलों को डीबग करने देता है

ESLint

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

एसवीजी दर्शक

SVG व्यूअर एक्सटेंशन विजुअल स्टूडियो कोड में SVG के साथ काम करने के लिए कई उपयोगिताओं को जोड़ता है। यह प्लगइन आपको एसवीजी फ़ाइलों को प्रदर्शित करने और संपादक को छोड़ने के बिना उनकी उपस्थिति को देखने की अनुमति देता है। इसके अलावा, यह प्लगइन आपको PNG में फ़ाइलों को परिवर्तित करने और URI डेटा योजनाएँ बनाने की अनुमति देता है।

विषय-वस्तु

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

अनुवाद: डायना शेरमेयेवा

ब्लॉग भी पढ़ें
EDISON कंपनी:

के लिए 20 पुस्तकालय
शानदार iOS आवेदन