आधुनिक जावास्क्रिप्ट डेवलपर्स के लिए 27 भयानक वी.एस. कोड उपकरण

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



यदि आप जावास्क्रिप्ट-प्रोग्रामर के अपने शस्त्रागार में कुछ नया जोड़ना चाहते हैं - सामग्री के लेखक को उम्मीद है कि आपको यहां कुछ मिलेगा जो आपके लिए उपयोगी है। यहाँ समीक्षा की गई सत्ताईस उपकरणों में से सभी का उद्देश्य केवल जेएस विकास के लिए नहीं है। लेकिन उन सभी को जावास्क्रिप्ट में लिखने वालों द्वारा सफलतापूर्वक लागू किया जा सकता है।

1. प्रोजेक्ट स्निपेट

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

यदि आप इस मानक वीएस कोड सुविधा से परिचित नहीं हैं, तो पता है कि यह उपयोगकर्ता को तथाकथित स्निपेट के रूप में अपने स्वयं के कोड के टुकड़े को डिजाइन करने की अनुमति देता है। ऐसा उनकी परियोजनाओं में पुन: उपयोग करने के लिए किया जाता है। पुन: उपयोग का क्या अर्थ है?

एक उदाहरण पर विचार करें। मान लीजिए कि आप पाते हैं कि आपको अक्सर एक ही बॉयलरप्लेट कोड लिखना होगा। उदाहरण के लिए - यह:

import { useReducer } from 'react' const initialState = {   // } const reducer = (state, action) => {   switch (action.type) {     default:       return state   } } const useSomeHook = () => {   const [state, dispatch] = useReducer(reducer, initialState)   return {     ...state,   } } export default useSomeHook 

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

यदि आप वीएस कोड में, File > Preferences > User Snippets , तो आप वैकल्पिक रूप से New Global Snippets File चयन करके एक नई वैश्विक New Global Snippets File बना सकते हैं।

उदाहरण के लिए, टाइपस्क्रिप्ट का उपयोग करने वाली रिएक्ट परियोजनाओं के लिए एक नई स्निपेट फ़ाइल बनाने के लिए, आप New Global Snippets File चयन कर सकते हैं और फ़ाइल नाम typescriptreact.json रूप में सेट कर सकते हैं। नई बनाई गई .json फ़ाइल को संपादक में खोला जाएगा, जिसमें स्निपेट्स का वर्णन करना संभव होगा।

उपरोक्त कोड के एक टुकड़े पर आधारित एक स्निपेट बनाएं। ऐसा करने के लिए, typescriptreact.json फ़ाइल को निम्न में परिवर्तित किया जाना चाहिए:

 {  "const initialState = {}; const reducer = (state, action)": {    "prefix": "rsr",    "body": [      "const initialState = {",      " //$1",      "}",      "",      "const reducer = (state, action) => {",      " switch (action.type) {",      "  default:",      "   return state",      " }",      "}"    ]  } } 

अब जब फ़ाइल में स्निपेट का ऐसा विवरण है, तो आप एक्सटेंशन .tsx साथ एक नई टाइपस्क्रिप्ट फ़ाइल बना सकते हैं और rsr उपसर्ग दर्ज कर सकते हैं। यह स्निपेट के विवरण के साथ एक पॉपअप का कारण होगा। Tab दबाने पर फ़ाइल में स्निपेट डालने की प्रक्रिया पूरी हो जाती है। यह निम्नलिखित कोड द्वारा दर्शाया जाएगा:

 const initialState = {  // } const reducer = (state, action) => {  switch (action.type) {    default:      return state  } } 

वैश्विक स्निपेट्स का उपयोग करने की कुछ असुविधा यह है कि वे आपके द्वारा विकसित सभी परियोजनाओं के लिए उपलब्ध हैं (हालांकि, कुछ मामलों में, सामान्य प्रयोजन के स्निपेट के लिए, यह, इसके विपरीत, सुविधाजनक है)। लेकिन कुछ परियोजनाओं को एक विशेष तरीके से कॉन्फ़िगर किया जा सकता है। नतीजतन, अगर सभी परियोजनाओं में ऐसी परियोजनाओं का उपयोग किया जाता है, तो आवश्यक नहीं है, वैश्विक स्निपेट फ़ाइल पुन: प्रयोज्य कोड के टुकड़े के प्रसंस्करण की समस्या का सबसे अच्छा समाधान नहीं हो सकती है।

मान लीजिए कि एक परियोजना एक विशेष फ़ोल्डर संरचना का उपयोग करती है। इस परियोजना पर काम को सरल बनाने के लिए, निम्नलिखित कोड के समान कुछ typescriptreact.json फ़ाइल में तैयार किया जा सकता है:

 {  "import Link from components/common/Link": {    "prefix": "gcl",    "body": "import Link from 'components/common/Link'"  },  "border test": {    "prefix": "b1",    "body": "border: '1px solid red',"  },  "border test2": {    "prefix": "b2",    "body": "border: '1px solid green',"  },  "border test3": {    "prefix": "b3",    "body": "border: '1px solid magenta',"  } } 

पहले स्निपेट पर ध्यान दें। यह एक विशिष्ट फ़ोल्डर और फ़ाइल संरचना के साथ एक परियोजना के लिए उपयुक्त हो सकता है। लेकिन क्या होगा अगर हम एक अन्य परियोजना पर काम कर रहे हैं जिसमें Link घटक components/Link जैसे पथ के साथ स्थित है?

अब अन्य स्निपेट्स पर एक नज़र डालें। वे एकल उद्धरण चिह्नों का उपयोग करते हैं। उनका उपयोग border: '1px solid red' जैसी संरचनाओं की उपस्थिति की ओर जाता है border: '1px solid red' कोड में border: '1px solid red' ।

इस तरह के निर्माण का जावास्क्रिप्ट में पूरी तरह से उपयोग किया जा सकता है। लेकिन क्या होगा अगर हम किसी प्रोजेक्ट को स्टाइल करने के लिए स्टाइल-कंपोनेंट्स लाइब्रेरी को टूल की तरह इस्तेमाल करते हैं? इस मामले में, इस तरह के वाक्यविन्यास हमारे अनुरूप नहीं होंगे। वास्तव में, स्टाइल वाले घटक नियमित सीएसएस निर्माण का उपयोग करते हैं!

तथ्य की बात के रूप में, यहाँ प्रोजेक्ट स्निपेट्स एक्सटेंशन हमारी सहायता के लिए आता है।

यह एक्सटेंशन आपको प्रोजेक्ट या कार्यक्षेत्र स्तर पर काम करने वाले स्निपेट बनाने की अनुमति देता है। ऐसे स्निपेट्स अन्य परियोजनाओं के लिए बनाए गए स्निपेट्स के साथ संघर्ष नहीं करते हैं और उनके साथ काम करने में हस्तक्षेप नहीं करते हैं। यह बहुत सुविधाजनक है।

2. बेहतर टिप्पणियाँ

यदि आप अपने कोड में टिप्पणियां लिखना पसंद करते हैं, तो आप शायद इस तथ्य से सामना कर रहे हैं कि कभी-कभी एक लंबे समय से पहले लिखी गई टिप्पणी को ढूंढना आसान नहीं है। इसका कारण यह हो सकता है कि कोड थोड़ा बढ़ सकता है।

बेहतर टिप्पणियाँ एक्सटेंशन का उपयोग करके, आप विभिन्न रंगों में टिप्पणियों को उजागर कर सकते हैं।


बेहतर टिप्पणियाँ एक्सटेंशन का उपयोग करना

अब, अन्य बातों के अलावा, यदि आप एक टीम में कोड पर काम कर रहे हैं, तो आपके लिए अन्य डेवलपर्स का ध्यान आकर्षित करना आसान होगा, जो महत्वपूर्ण टिप्पणियों से शुरू होते हैं ! या ? ।

3. ब्रैकेट जोड़ी Colorizer

जब मैं पहली बार ब्रैकेट पेयर कलराइज़र एक्सटेंशन के परिणामों के स्क्रीनशॉट को देखने के लिए हुआ, तो मेरे लिए यह स्पष्ट हो गया कि यह एक्सटेंशन बस मेरे टूलबॉक्स में दिखाई दे।

प्रोग्रामिंग मेरा जुनून है, और कोष्ठक को उजागर करना कुछ ऐसा है जो निश्चित रूप से मुझे इस गतिविधि का पूरी तरह से आनंद लेने में मदद करता है।


ब्रैकेट जोड़ी Colorizer एक्सटेंशन का उपयोग करना

4. सामग्री थीम

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


सामग्री विषय का उपयोग करके कोड बनाना

यह सबसे अच्छे मौजूदा विषयों में से एक होना चाहिए।

5. @ टाइपस्क्रिप्ट-एसलिंट / पार्सर

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

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

6. स्टाइललिंट

स्टाइललिंट वह उपकरण है जो हमेशा मेरी परियोजनाओं में उपयोग किया जाता है। यह कई कारणों से सही है:

• यह गलतियों से बचने में मदद करता है।
• यह सीएसएस लिखते समय स्टाइल सम्मेलनों को बढ़ावा देता है।
• यह प्रिटियर के साथ अच्छा काम करता है।
• यह CSS / SCSS / Sass / Less को सपोर्ट करता है।
• यह डेवलपर समुदाय द्वारा बनाए गए प्लगइन्स का समर्थन करता है।

7. मार्कडाउनलिंट + डॉक्सिफाई

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

यह वीएस कोड एक्सटेंशन है, जो एक लाइनर है जो .md फ़ाइलों में शैलियों को सत्यापित करने में मदद करता है। यह Prettier का उपयोग करके पाठ स्वरूपण का भी समर्थन करता है।

इसके अलावा, मैं आमतौर पर अपने सभी प्रोजेक्ट्स में डॉक्सिफाई का उपयोग करता हूं। यह उपकरण मार्कडाउन प्रारूप और अन्य उपयोगी सुविधाओं का समर्थन करता है।

8. TODO हाईलाइट

मुझे कोड में सीधे नोट लिखने की आदत है कि परियोजना में क्या करना है। नतीजतन, मैं TODO हाईलाइट जैसे एक्सटेंशन में दिलचस्पी रखता हूं। यह एक्सटेंशन आपको TODO नोट्स के साथ काम करने में मदद करता है।

9. आयात लागत

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

10. हाईलाइटिंग मैचिंग टैग

कभी-कभी एक निश्चित टैग के समापन भाग की खोज कठिन कार्य में बदल सकती है। ऐसे मामलों में, हाइलाइट मिलान मिलान एक्सटेंशन उपयोगी हो सकता है।


हाइलाइट मिलान टैग एक्सटेंशन का उपयोग करना

11. विस्कोस-स्पॉटिफ़

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

Vscode-Spotify एक्सटेंशन , जो आपको वीएस कोड से सीधे Spotify प्लेयर को नियंत्रित करने की अनुमति देता है, मुझे इस समस्या को हल करने में मदद करता है।

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

12. VSCode के लिए GraphQL

ग्राफकॉलॉजी तकनीक लोकप्रियता में बढ़ रही है, इसके अनुप्रयोग के उदाहरण जावास्क्रिप्ट-विकास के लगभग सभी कोनों में देखे जा सकते हैं। इसलिए, कई लोगों के लिए VSCode एक्सटेंशन उपयोगी के लिए GraphQL खोजने की संभावना है।

यह एक्सटेंशन ग्राफलाइन सिंटैक्स हाइलाइटिंग, लाइनिंग, कोड पूरा करने का समर्थन करता है।

मैं गैट्सबी का बहुत उपयोग करता हूं, इसलिए मुझे हर दिन ग्राफकॉल कोड पढ़ना पड़ता है। VSCode के विस्तार के लिए GraphQL मुझे इसके साथ मदद करता है।

13. इंडेंट-इंद्रधनुष

इंडेंट-रेनबो एक्सटेंशन ऊपर वर्णित हाईलाइट मैचिंग टैग एक्सटेंशन के समान है। यदि कभी-कभी आपके लिए इंडेंटेशन को समझना आसान नहीं होता है, तो यह एक्सटेंशन आपको कोड की पठनीयता में सुधार करके समस्या से निपटने में मदद करेगा। यहाँ इसके उपयोग का एक उदाहरण है।


इंडेंट-रेनबो एक्सटेंशन का उपयोग करना

14. रंग हाइलाइट

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


रंग हाइलाइट एक्सटेंशन का उपयोग करना

15. रंग बीनने वाला

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

16. अन्य ग्राहक

जब मुझे पहली बार REST क्लाइंट एक्सटेंशन आज़माने का अवसर मिला, तो यह मुझे विशेष रूप से उपयोगी नहीं लगा। यह पोस्टमैन जैसी किसी चीज के साथ तुलना नहीं कर सकता है।

लेकिन धीरे-धीरे यह पता चला कि इस विस्तार का मेरे काम पर बहुत सकारात्मक प्रभाव पड़ा है। विशेष रूप से जब मुझे कुछ एपीआई का परीक्षण करने की आवश्यकता होती है।

इसके साथ काम करते समय, यह पर्याप्त है, उदाहरण के लिए, एक नई फ़ाइल बनाने के लिए जिसमें केवल एक पंक्ति होगी:

 https://google.com 

इस पते पर HTTP GET अनुरोध को निष्पादित करने के लिए, बस इसे चुनें, कमांड बार ( CTRL + SHIFT + P ) पर जाएं, और Rest Client: Send Request चयन करें Rest Client: Send Request कमांड। उसके बाद, एक नया टैब खोला जाएगा, जिसमें बहुत जल्द अनुरोध और प्रतिक्रिया के बारे में जानकारी दिखाई देगी। यह बहुत मददगार है।


REST क्लाइंट एक्सटेंशन का उपयोग करना

यह एक्सटेंशन आपको POST अनुरोधों के लिए पैरामीटर या डेटा कॉन्फ़िगर करने की अनुमति देता है। यह कोड की कुछ पंक्तियों के साथ किया जाता है:

 POST https://test.someapi.com/v1/account/user/login/ Content-Type: application/json { "email": "someemail@gmail.com", "password": 1 } 

इस तरह के निर्माण से पैरामीटर { "email": "someemail@gmail.com", "password": 1 } साथ POST अनुरोध होगा।

और यह, वास्तव में, इस विस्तार की संभावनाओं का केवल एक अत्यंत संक्षिप्त विवरण है।

17. सेटिंग्स सिंक

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

मैं सेटिंग्स सिंक एक्सटेंशन का उपयोग करके इस प्रक्रिया को स्वचालित करने में सक्षम था।

इसका उपयोग करने के लिए, आपको बस एक जिस्ट / गिटहब खाता होना चाहिए। यदि सेटिंग्स को सहेजने की आवश्यकता है (इसमें कीबोर्ड बाइंडिंग, स्निपेट और एक्सटेंशन, और बहुत कुछ शामिल हैं) - बस SHIFT + ALT + U कुंजी संयोजन का उपयोग करें। यह इन सभी सेटिंग्स को जिस्ट खाते में लोड करेगा। हालांकि, वे केवल खाताधारक के लिए उपलब्ध होंगे। सेटिंग्स को डाउनलोड करने के लिए, उदाहरण के लिए, नए कंप्यूटर पर स्विच करते समय, बस इस एक्सटेंशन को इंस्टॉल करें, जिस्ट खाता जानकारी दर्ज करें और SHIFT + ALT + D कुंजी संयोजन का उपयोग करें।

18. टोडो ट्री

टोडो ट्री एक्सटेंशन आपको अपने प्रोजेक्ट कोड में TODO टिप्पणियों को खोजने में मदद करता है। यह इन टिप्पणियों को स्क्रीन के बाईं ओर प्रदर्शित पेड़ के प्रारूप में तैयार करता है।


टोडो ट्री एक्सटेंशन का उपयोग करना

19. टॉगल उद्धरण

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


टॉगल उद्धरण एक्सटेंशन का उपयोग करना

20. बेहतर संरेखित करें

बेहतर संरेखित एक्सटेंशन आपको पहली बार हाइलाइट किए बिना कोड संरेखित करने की अनुमति देता है।

इस एक्सटेंशन का उपयोग करने के लिए, आपको कोड को कर्सर को संरेखित करने की आवश्यकता है, कमांड बार खोलें ( CTRL + SHIFT + P या कीबोर्ड शॉर्टकट जिसे आपने यह कार्य करने के लिए सौंपा है) का उपयोग करके और Align कमांड को कॉल Align ।

21. ऑटो बंद टैग

वी.एस. कोड में काम करना शुरू करने के दिन से ही ऑटो क्लोज टैग एक्सटेंशन मेरी मदद कर रहा है। यह आपको <div> , फिर / आइकन जैसे कुछ दर्ज करने की अनुमति देता है, और फिर स्वचालित रूप से टैग बंद कर देता है।

यह सरल और सुविधाजनक फ़ंक्शन वीएस कोड की मानक विशेषताओं में नहीं है, इसलिए मुझे यह एक्सटेंशन बहुत उपयोगी लगता है।

22. सॉर्ट लाइन्स

मुझे ऐसे सरणियाँ पसंद नहीं हैं जिनके तत्व वर्णानुक्रम में नहीं हैं। सॉर्ट लाइन्स एक्सटेंशन मुझे इस समस्या से जल्दी निपटने में मदद करता है। यदि आप भी इस तरह के सरणियों को पसंद नहीं करते हैं - तो यह आपके काम आ सकता है।

23. VSCode Google Translate

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

24. प्रिटियर

Prettier VS कोड के लिए एक एक्सटेंशन है जो स्वचालित रूप से जावास्क्रिप्ट, टाइपस्क्रिप्ट और अन्य भाषाओं में लिखे गए कोड को प्रारूपित कर सकता है।

25. सामग्री चिह्न थीम

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

26. HTML में CSS क्लास के नाम के लिए IntelliSense

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

27. पथ इंटेलीजेंस

Path Intellisense एक्सटेंशन फ़ाइल नामों की प्रविष्टि को स्वचालित रूप से पूरा करने में मदद करता है।

परिणाम

हम आशा करते हैं कि वीएस कोड के विस्तार के बीच जो आप अभी पढ़ते हैं, कुछ ऐसा है जो आपके लिए उपयोगी है।

प्रिय पाठकों! इस लेख में चर्चा किए गए वीएस कोड के लिए आप क्या एक्सटेंशन जोड़ेंगे?