आज तक, जावास्क्रिप्ट भाषा और इसके आधार पर रूपरेखा के समर्थन के साथ पर्याप्त मात्रा में विकास उपकरण हैं। एक विशिष्ट उपकरण चुनने का प्रश्न इस लेख के दायरे से परे है, मैं तुरंत विज़ुअल स्टूडियो कोड और उन उपकरणों के साथ अपने उपयोगकर्ता अनुभव का वर्णन करने की कोशिश करूंगा जो जेएस डेवलपर्स के लिए जीवन को आसान बनाने के लिए डिज़ाइन किए गए हैं, विशेष रूप से वे जो वीयू का उपयोग करते हैं।
VSCode एक्सटेंशन स्टोर में बहुत सारे प्लगइन्स हैं, वेब विकास के लिए सबसे सुविधाजनक वाले को नीचे सूचीबद्ध किया जाएगा।
HTML और CSS
लेआउट और लेखन शैली अक्सर एक नीरस कार्य है, इसलिए निम्नलिखित एक्सटेंशन आपके काम को सुविधाजनक और तेज कर सकते हैं:
- ऑटो क्लोज टैग और ऑटो का नाम टैग - सरल और सुविधाजनक एक्सटेंशन, लेआउट के साथ काम को आसान बनाने के लिए, एकल-फ़ाइल घटकों के लिए समर्थन है Vue।
- CSS Peek एक सरल एक्सटेंशन है जो किसी नियम को जल्दी से देखने या नेविगेट करने की क्षमता जोड़ता है।
- रंग जानकारी - आपको रंग के बारे में विस्तृत जानकारी देखने की अनुमति देता है, सेटिंग्स का एक अच्छा मार्जिन है।
- कलर हाइलाइट - बॉर्डर के रूप में रंगों का एक प्रदर्शन जोड़ता है, अगर कोड में एक रंग एन्कोडिंग का पता चला है।
- HTML में CSS वर्ग के नामों के लिए IntelliSense - स्वतः-पूर्ण CSS कक्षाओं की क्षमता को जोड़ने के लिए काम के माहौल का विश्लेषण करता है।
जावास्क्रिप्ट
- क्रोम के लिए डिबगगर - कोड संपादक से सीधे डिबगिंग को आसान बनाने के लिए एक एक्सटेंशन, वह सब कुछ जो क्रोम DevTools के साथ काम करता है।
- जावास्क्रिप्ट (ईएस 6) कोड स्निपेट्स - जेएस के लिए स्निपेट्स का एक सेट, विकास को बहुत गति देता है।
- JSHint - JS कोड के डिज़ाइन और संगठन के सुझावों के लिए विस्तार, लचीली सेटिंग्स हैं।
- ESLint लचीली सेटिंग्स के साथ JS के लिए एक लाइनर है।
Vue
Vue के साथ काम करने के लिए कई उपयुक्त एक्सटेंशन नहीं हैं, नीचे कुछ सबसे उपयोगी हैं:
- वेटुर , स्निपेट्स, सिंटैक्स हाइलाइटिंग जैसे वूट के साथ काम करने के लिए सबसे आवश्यक ऐड-ऑन का एक पूरा सेट है।
- Vue Peek - vue घटकों के लिए एक सुविधाजनक संक्रमण जोड़ता है।
Git
बॉक्स के बाहर गिट के साथ काम करने के लिए VSCode का समर्थन है, लेकिन फिर भी अंतर्निहित कार्य हमेशा पर्याप्त नहीं होते हैं। निम्नलिखित एक्सटेंशन हैं जो थोड़ा आसान काम के साथ काम करेंगे:
- GitLens शायद git के साथ काम करने के लिए सबसे प्रसिद्ध विस्तार है, जो git जानकारी देखने के लिए कई सुविधाएँ जोड़ता है।
- गिट इतिहास - परिवर्तन के इतिहास को आसानी से देखने की क्षमता जोड़ता है, इसमें एक सुविधाजनक इंटरफ़ेस है।
- गिट संकेतक - निचले VSCode ट्रे में गिट गतिविधि का एक सरल संकेतक।
काम का माहौल और विकास की प्रक्रिया
उत्पादक कार्यों के लिए, ऐड-ऑन के रूप में सरल गलतियों को उजागर करने, लिखने की शैली और अन्य सुविधाजनक संकेत / कार्यों का सुझाव देने में मददगार होना अच्छा होगा। निम्नलिखित एक्सटेंशन आज़माएं:
- ब्रैकेट पेयर कलराइज़र - कोड के ब्लॉकों के आसपास के ब्रैकेट्स में एक अर्ध-प्रकाश जोड़ता है, कोड की धारणा को गहरी घोंसले के शिकार की सुविधा देता है, नेत्रहीन कोड को अलग करता है।
- सुशोभित , मेरी राय में, स्वचालित कोड स्टाइलिंग के लिए सबसे सुविधाजनक विस्तार, लिंक पर अधिक विवरण मिल सकते हैं।
- लाइव सर्वर एक बहुत ही उपयोगी एक्सटेंशन है जो आपको अपने लाइव सर्वर को जल्दी से लॉन्च करने की अनुमति देता है, उदाहरण के लिए, लेआउट के लिए।
- आयात लागत एक महान विस्तार है जो आयातित मॉड्यूल के आकार को प्रदर्शित करता है, आपको बंडल विश्लेषक का सहारा लेने के बिना मॉड्यूल के आयातित भागों को अधिक विस्तार से चुनने की अनुमति देता है।
- एनपीएम इंटेलीसेन्स - एनपीएम मॉड्यूल के लिए स्वत: पूर्ण।
- ब्राउज़र में ओपन एक सरल एक्सटेंशन है जो ब्राउज़र में एक शुरुआती बिंदु जोड़ता है।
- पथ इंटेलीसेन्स - फ़ाइल नामों और उनके स्थान के लिए स्वत: पूर्ण।
- सेटिंग्स सिंक - आवश्यक उपकरणों की स्थापना को पूरा करने और पर्यावरण को स्थापित करने के बाद, यह कॉन्फ़िगरेशन को बचाने के लिए सुविधाजनक है, यह एक्सटेंशन आपको गिट जिस्ट में सब कुछ सिंक्रनाइज़ करने की अनुमति देगा।
- क्रमबद्ध लाइनें - दिए गए शर्तों के अनुसार कोड में लाइनों की छंटाई को व्यवस्थित करने का एक आसान तरीका।
- TODO हाइलाइट TODO, FIXME जैसे कीवर्ड को उजागर करने के लिए एक सरल एक्सटेंशन है।
- ट्रेलिंग स्पेस - अतिरिक्त स्थानों को हाइलाइट करता है।
- वीएस लाइव शेयर - कई लोगों को एक समस्या का सामना करना पड़ा, जब उन्हें एक दूरस्थ डेवलपर को बहुत लंबे समय तक समझाना पड़ा कि क्या और कहां गलत था, यह विस्तार ऐसी स्थितियों में जीवन को सरल बनाता है, जिससे आप एक लाइव प्रदर्शन कर सकते हैं, कई उपयोगकर्ताओं के काम का समर्थन करते हैं, चल रहे वातावरण को ग्राहक की मशीन में फेंक देते हैं।
- Visual Studio IntelliCode - पायथन, टाइपस्क्रिप्ट / जावास्क्रिप्ट और जावा जैसी भाषाओं में डेवलपर्स के लिए नियमित कार्यों को स्वचालित करता है।
यह दिलचस्प भी हो सकता है।
- VSCode के लिए GraphQL - ग्राफोक के लिए एक तरह का अंतर्मुखी, सबसे सुविधाजनक विस्तार, लिंक पर बहुत उपयोगी, कालिख के तहत।
- इंस्टेंट मार्कडाउन - मार्कडाउन मार्कअप के लिए लाइव पूर्वावलोकन।
- JSON को कोड के रूप में पेस्ट करना एक सुविधाजनक एक्सटेंशन है जो JSON डेटा से एक प्रकार का मॉडल बनाता है। टाइपस्क्रिप्ट, पायथन, गो, रूबी, सी #, जावा, स्विफ्ट, रस्ट, कोटलिन, सी ++, फ्लो, ऑब्जेक्टिव-सी, जावास्क्रिप्ट, एल्म और जेएसएन स्कीमा का समर्थन करता है।
- इंद्रधनुष सीएसवी - सीएसवी फ़ाइलों के लिए बैकलाइट।
- Regex Previewer नियमित पूर्वावलोकन के लिए एक बहुत ही उपयोगी एक्सटेंशन है।
- एसवीजी दर्शक - एसवीजी दर्शक।
मुझे आशा है कि यह सूची आपके लिए उपयोगी होगी, मुझे परिवर्धन में खुशी होगी।