वीएस कोड के लिए 5 एक्सटेंशन और थीम जो फ्रंट-एंड डेवलपर के जीवन को बदल सकते हैं

लेख के लेखक, जिसका अनुवाद आज हम प्रकाशित कर रहे हैं, लोकप्रिय VS कोड संपादक के लिए कई एक्सटेंशन और विषयों के बारे में बात करना चाहते हैं जो डेवलपर के जीवन को बेहतर बना सकते हैं।

SCSS IntelliSense

→ SCSS IntelliSense पेज

SCSS में चर बनाना आसान और मजेदार है। उन्हें कैसे याद किया जाए? यहां आमतौर पर इससे मुश्किलें पैदा होती हैं।

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

यहाँ SCSS IntelliSense एक्सटेंशन कैसा दिखता है।


IntelliSense SCSS कार्रवाई में विस्तार

ऑटो का नाम टैग

→ ऑटो का नाम टैग पेज

भले ही आप फ्रंट-एंड फ्रेमवर्क का उपयोग करें, HTML (या JSX) लिखना एक थकाऊ काम हो सकता है। विशेष रूप से ऐसी स्थिति में जहां उद्घाटन और समापन टैग के बीच कुछ कोड जैसी 50 लाइनें होती हैं। आपको अपने काम के दौरान H2 टैग को H3 बदलने की आवश्यकता हो सकती है। एक span साथ div को बदलने के लिए आवश्यक हो सकता है। किसी भी मामले में, यदि आप सहायक उपकरणों का उपयोग किए बिना ऐसी समस्याओं को हल करते हैं, तो वे बड़े पैमाने पर कोड के टुकड़ों में, बंद टैग के लिए एक कठिन खोज में आते हैं।

टैग को स्वचालित रूप से संपादित करने में आपकी सहायता करने के लिए कार क्यों नहीं? ऐसा करने के लिए, बस Auto Rename Tag एक्सटेंशन का उपयोग करें। यह, उद्घाटन टैग को संपादित करते समय, स्वचालित रूप से बदल जाता है और बंद हो जाता है। एक ही चीज, बिल्कुल विपरीत, तब होता है जब समापन टैग को बदल दिया जाता है।

यहां बताया गया है कि ऑटो रिनेम टैग कैसे काम करता है।


ऑटो का नाम टैग एक्सटेंशन के साथ काम करना

नकल करने की क्रिया या भाव

→ डुप्लीकेट एक्शन पेज

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

दरअसल, वीएस कोड को ऊपर वर्णित सुविधा से लैस करने के लिए, डुप्लिकेट एक्शन एक्सटेंशन को स्थापित करने के लिए यह पर्याप्त है। जब इसे चालू किया जाता है, तो डेवलपर के पास Duplicate file or directory संदर्भ मेनू कमांड होती है।


डुप्लिकेट एक्शन एक्सटेंशन और फ़ाइल संदर्भ मेनू परिवर्तन

CodeStream

→ कोडस्ट्रीम पेज

यदि आप संक्षेप में CodeStream का वर्णन करते हैं, तो हम कह सकते हैं कि यह एक्सटेंशन भविष्य से कोड पर टिप्पणी करने के लिए सिस्टम के बराबर है।

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


कोडस्ट्रीम में कोड चर्चा

रात का उल्लू

→ नाइट उल्लू पेज

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


रात उल्लू थीम

बोनस: सिंथेव '84 थीम

→ सिंथेव '84 पृष्ठ

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

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


सिंथेव '84 थीम

प्रिय पाठकों! क्या आप VS कोड के लिए कोई दिलचस्प एक्सटेंशन और थीम जानते हैं?