फ्रंट-एंड डेवलपर्स के लिए 2018 के 10 सर्वश्रेष्ठ वीएस कोड एक्सटेंशन

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

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



सामग्री के लेखक, जिसका अनुवाद आज हम प्रकाशित कर रहे हैं, ने 10 सर्वश्रेष्ठ वीएस कोड-एक्सटेंशन का चयन किया है, जो मुख्य रूप से उन लोगों के लिए हैं, जो फ्रंट-एंड डेवलपमेंट में लगे हुए हैं, अर्थात, HTML, CSS, जावास्क्रिप्ट और विभिन्न वेब फ्रेमवर्क के साथ काम करता है।

प्रारंभिक जानकारी

यदि आपने पहले वीएस कोड के साथ काम नहीं किया है, लेकिन इस संपादक की कोशिश करना चाहते हैं, तो आप इसे यहां डाउनलोड कर सकते हैं । लेकिन, अगर दिलचस्पी है, तो एक ऐसी सामग्री जिसमें इसकी क्षमताओं का प्रदर्शन किया जाता है।

VS कोड डाउनलोड और इंस्टॉल करने के बाद, एक्सटेंशन पैनल खोलें।


एक्सटेंशन पैनल

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


बाज़ार में VS कोड के लिए खोज एक्सटेंशन

अब बात करते हैं एक्सटेंशन की।

लाइव सर्वर

लाइव सर्वर एक्सटेंशन

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

लाइव सास कंपाइलर

लाइव सैस कंपाइलर एक्सटेंशन

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

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

जावास्क्रिप्ट एक्सटेंशन (ES6) कोड स्निपेट्स

यह विस्तार उल्लेखनीय है कि इसके 2 मिलियन से अधिक डाउनलोड हैं, और, जाहिर है, इसकी लोकप्रियता केवल समय के साथ बढ़ रही है। यह निम्न प्रकार की फ़ाइलों में उपयोग के लिए उपयुक्त सॉफ्टवेयर निर्माण (स्निपेट्स) के साथ डेवलपर प्रदान करता है:

• टाइपस्क्रिप्ट (.ts)
• जावास्क्रिप्ट प्रतिक्रिया (.jsx)
• टाइपस्क्रिप्ट प्रतिक्रिया (.tsx)
• Html (.html)
• Vue (.vue)

NPM

एनपीएम का विस्तार

यह VS कोड के लिए आधिकारिक नोड पैकेज मैनेजर (npm) एक्सटेंशन है। यह Package.json फ़ाइल के साथ काम करना आसान बनाता है। विशेष रूप से, यह फ़ाइल में परिलक्षित निर्भरता के बारे में चेतावनी प्रदर्शित करता है लेकिन स्थापित नहीं है, साथ ही जो स्थापित हैं लेकिन पैकेज में पंजीकृत नहीं हैं। json। यह उन पैकेजों की पहचान करने में मदद करता है जिनके संस्करण पैकेज.जॉन में निर्दिष्ट नियमों का पालन नहीं करते हैं, और डेवलपर को एनपीएम कमांड चलाने के लिए सुविधाजनक उपकरण प्रदान करते हैं।

ESLint

ESLint एक्सटेंशन

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

खूबसूरत

प्रेटीयर एक्सटेंशन

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

सीएसएस पीक

सीएसएस पीक एक्सटेंशन

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

कोणीय 6 स्निपेट

कोणीय 6 स्निपेट का विस्तार

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

Vetur

वेतुर एक्सटेंशन

यह वी.एस. कोड के लिए आधिकारिक Vue.js एक्सटेंशन है, जिसमें प्रभावशाली संख्या में डाउनलोड हैं, जिनमें से यह 5 मिलियन से अधिक है। इसका उद्देश्य Vue.js अनुप्रयोगों के विकास को सुविधाजनक बनाना है। Vetur त्रुटियों के लिए कोड की जांच कर सकता है, ऑटो-पूर्ति और स्निपेट्स का समर्थन करता है।

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

क्रोम एक्सटेंशन के लिए डिबगर

यह VS कोड के लिए आधिकारिक एक्सटेंशन है, जिसे Google Chrome का उपयोग करके JS कोड को डीबग करने के लिए डिज़ाइन किया गया है। यह वर्तमान में सबसे व्यापक रूप से इस्तेमाल किए जाने वाले वीएस कोड एक्सटेंशन में से एक है।

परिणाम

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

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