लोकप्रिय विज़ुअल स्टूडियो कोड एक्सटेंशन

कोड समय

कोड टाइम एक ओपन सोर्स प्लगइन है जो कोड एडिटर में सीधे मैट्रिक्स प्रदान करता है।



एक्सटेंशन स्थापित करने के बाद, आपको नियंत्रण कक्ष में प्रवेश करने के लिए प्रेरित किया जाएगा।

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

ब्राउज़र के अंदर, जानकारी इस तरह दिखाई देगी:



ब्राउज़र के अंदर और अधिक रंगीन:



कोड समय उपयोगी है अगर आपको सही तरीके से जानने की जरूरत है या बस आश्चर्य है कि आप कोड लिखने में कितना समय खर्च करते हैं।

एक अंधेरा समर्थक

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



यह उदाहरण दिखाता है कि हमारे पास क्लाइंट और सर्वर जैसी निर्देशिकाओं के लिए आइकन हैं, साथ ही .eslintrc .gitignore और package.json जैसी फ़ाइलों के लिए भी हैं।

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

ब्रैकेट जोड़ी colorizer

यह एक्सटेंशन रंगों के साथ कोष्ठक से मेल खाता है।
यह तब उपयोगी होता है जब आपके पास ऑब्जेक्ट्स या फ़ंक्शंस गहराई से हों, जैसा कि यहाँ दिखाया गया है:

रंग उजागर

रंग हाइलाइट किसी भी रंग कोड का एक दृश्य प्रतिनिधित्व दिखाता है।

उदाहरण के लिए, यदि आप RGB, RGBa, हेक्साडेसिमल या किसी अन्य रंग कोड में प्रवेश करते हैं, तो आप रंग देख सकते हैं, जैसा कि इस उदाहरण में है:

पथ अंतर्मुखी

Path Intellisense एक प्लगइन है जो स्वचालित रूप से फ़ाइल नामों को पूरा करता है।

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

ES7 प्रतिक्रिया / Redux / GraphQL / प्रतिक्रिया-मूल निवासी स्लाइस

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

यह एक्सटेंशन वीएस कोड के लिए बैबेल प्लगइन के कार्यों के साथ ईएस 7 में जावास्क्रिप्ट और रिएक्ट / रिडक्स स्निपेट्स प्रदान करता है।

कोड संपादक में राइट, आप कमांड + शिफ्ट + पी दबा सकते हैं, और फिर ईएस 7 स्निपेट सर्च , आपको शॉर्ट कमांड की एक लंबी सूची दिखाई देगी जिसे आप कोड के लंबे स्निपेट प्राप्त करने के लिए चला सकते हैं।



इस एक्सटेंशन का उपयोग करके, आप आसानी से एक कमांड पा सकते हैं, उदाहरण के लिए, एक कार्यात्मक घटक के टुकड़े के लिए।

आप उन्हें संपादक में टाइप करके और एंटर दबाकर कमांड चलाते हैं। सब कुछ सरल है!

गिटलेन - गिट सुपरचार्ज

GitLens विजुअल स्टूडियो कोड में निर्मित Git की क्षमताओं का विस्तार करता है।

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

कोड की लाइन पर क्लिक करके, आप देखेंगे कि किसने इसे संपादित किया, कब संपादित किया गया, और किस कमिट में। उपयोगी बात!