VSCode में कस्टम कोड स्निपेट कैसे जोड़ें?

Question 1

क्या विज़ुअल स्टूडियो कोड में कस्टम कोड स्निपेट जोड़ना संभव है? और यदि हां, तो कैसे? VSCode एटम पर आधारित है, इसलिए यह संभव होना चाहिए।

Question 2

हिट> shift+ command+ pऔर स्निपेट्स टाइप करें
प्राथमिकताएँ चुनें : उपयोगकर्ता स्निपेट खोलें
वह भाषा प्रकार चुनें जिसके लिए आप कस्टम स्निपेट जोड़ना चाहते हैं
vscode के पास एक स्निपेट जोड़ने के तरीके के बारे में समझाने के लिए टिप्पणियां हैं, जैसा कि नीचे वर्णित है:> vsdoc

कहते हैं, हम भाषा GO के लिए कस्टम स्निपेट खोलना चाहते हैं। तब हम कर सकते हैं:

मारो> command+p
टाइप करें: go.json + enterऔर आप कस्टम स्निपेट पृष्ठ पर उतरते हैं

स्निपेट्स को JSON प्रारूप में परिभाषित किया गया है और प्रति उपयोगकर्ता (languageId) .json फ़ाइल में संग्रहीत किया गया है। उदाहरण के लिए, मार्कडाउन स्निपेट्स एक markdown.json फ़ाइल में जाते हैं।

नए उपकरण अपडेट करें:
स्निपेट जनरेटर साइट: https://snippet-generator.app/

Question 3

चरण - 1 एक VsCode प्लगइन कहा जाता है: स्निपेट निर्माता ।।

इसे स्थापित करने के बाद, आपको बस इतना करना है:

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

स्टेप - 2 इस वेबसाइट को चेक करें । आप बनाम कोड, उदात्त पाठ और परमाणु के लिए स्निपेट्स बना सकते हैं।

एक बार स्निपेट इस साइट में उत्पन्न हो रहा है। संबंधित IDE की स्निपेट फ़ाइल पर जाएं और समान पेस्ट करें। उदाहरण के लिए VS कोड में JS स्निपेट फ़ाइल-> वरीयता-> उपयोगकर्ता स्निपेट पर जाता है, फिर यह javascript.json फ़ाइल खोलता है और फिर इसके अंदर साइट के ऊपर से स्निपेट कोड पेस्ट करें और हम जाने के लिए अच्छे हैं।

Question 4

संस्करण 0.10.6 के रूप में आप कस्टम स्निपेट्स जोड़ सकते हैं। अपने स्वयं के स्निपेट बनाने पर प्रलेखन पढ़ें । आप json फ़ाइल को रखकर कस्टम स्निपेट बना सकते हैं / बना सकते हैं C:\Users\<yourUserName>\AppData\Roaming\Code\User\snippets। उदाहरण के लिए, एक कस्टम जावास्क्रिप्ट स्निपेट एक में होगा\snippets\javascript.json

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

यहाँ एक उदाहरण लूप के लिए जावास्क्रिप्ट पर प्रलेखन के लिए लिया गया स्निपेट है:

"For Loop": {
    "prefix": "for",
    "body": [
        "for (var ${index} = 0; ${index} < ${array}.length; ${index}++) {",
        "\tvar ${element} = ${array}[${index}];",
        "\t$0",
        "}"
    ],
    "description": "For Loop"
},

कहाँ पे

For Loop स्निपेट नाम है
prefixIntelliSense में उपयोग किए गए एक उपसर्ग को नीचे छोड़ता है। इस मामले में
bodyस्निपेट सामग्री है। संभावित चर हैं:
- टैब स्टॉप के लिए $ 1, $ 2
- $ {आईडी} और $ {आईडी: लेबल} और चर के लिए $ {1: लेबल}
- एक ही आईडी के साथ चर जुड़े हुए हैं।
description विवरण IntelliSense में उपयोग किया जाता है

Question 5

आप त्वरित संक्षिप्त ट्यूटोरियल के लिए इस वीडियो को देख सकते हैं

https://youtu.be/g1ouTcFxQSU

फ़ाइल पर जाएँ -> प्राथमिकताएँ -> उपयोगकर्ता स्निपेट्स । अपनी पसंदीदा भाषा का चयन करें।
अब लूप स्निपेट बनाने के लिए निम्न कोड टाइप करें:

  "Create for loop":{
    "prefix": "for",
    "body":[
      "for(int i = 0; i < 10; i++)",
      "{",
      "   //code goes here",
      "}"
    ],
   "description": "Creates a for loop"
  }

आप कर चुके हैं।
संपादक में "के लिए" टाइप करें और पहली भविष्यवाणी का उपयोग करें।

छोटा रास्ता--

स्निपेट-निर्माता एक्सटेंशन स्थापित करें।
उस कोड को हाइलाइट करें जिसे आपको स्निपेट बनाने की आवश्यकता है।
प्रेस ctrl+ shift+ Pऔर प्रकार कमांड पैलेट और एंटर प्रेस पर "स्निपेट बनाएं"।
वह भाषा चुनें जिसके लिए आप स्निपेट बनाना चाहते हैं (उदाहरण: -CPP), फिर
स्निपेट नाम टाइप करें, स्निपेट शॉर्टकट टाइप करें और फिर स्निपेट विवरण लिखें।
अब आप जाने के लिए अच्छे हैं।
संपादक में स्निपेट शॉर्टकट टाइप करें जो आपने चरण 4 में दर्ज किया था, और पहले आने वाली
भविष्यवाणी (यदि कोई भविष्यवाणी प्रेस ctrl + space नहीं आती है) का चयन करें ।

उम्मीद है की यह मदद करेगा :)

नोट: गोटो फ़ाइल-> प्राथमिकताएं-> उपयोगकर्ता स्निपेट्स। फिर उस भाषा का चयन करें जिसमें आपने
स्निपेट बनाया था। आपको वहां स्निपेट मिलेगा।

Question 6

वहाँ एक VsCode प्लगइन कहा जाता है: स्निपेट निर्माता ।।

इसे स्थापित करने के बाद, आपको बस इतना करना है:

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

बस इतना ही ..

नोट: यदि आप अपने स्निपेट को संपादित करना चाहते हैं, तो आप उन्हें [fileType] .json
उदाहरण: Ctrl+ में पाएंगे P, फिर "javascript.json" चुनें।

Question 7

आप कस्टम स्क्रिप्ट जोड़ सकते हैं, पर जा सकते हैं File --> Preferences --> User Snippets। अपनी पसंदीदा भाषा का चयन करें।

यदि आप जावास्क्रिप्ट चुनते हैं तो आप console.log(' ');इस तरह के लिए डिफ़ॉल्ट कस्टम स्क्रिप्ट देख सकते हैं :

"Print to console": {
    "prefix": "log",
    "body": [
        "console.log('$1');",
        "$2"
    ],
    "description": "Log output to console"
},

Question 8

मैंने javascriptreact.json में स्निपेट्स जोड़कर कोशिश की, लेकिन यह मेरे लिए काम नहीं किया।

मैंने स्निपेट्स को वैश्विक दायरे में जोड़ने की कोशिश की, और यह आकर्षण की तरह काम कर रहा है।

FILE --> Preferences --> User snippets

यहां सेलेक्ट करें New Global Snippets File, नाम javas दें criptreact.code-snippets।

अन्य भाषाओं के लिए आप [your_longuage] .code-snippets जैसे नाम दे सकते हैं

यहाँ छवि विवरण दर्ज करें

Question 9

यह अब तक की एक अनिर्दिष्ट सुविधा है, लेकिन जल्द ही आ रही है। एक फ़ोल्डर है जिसे आप उन्हें जोड़ सकते हैं और वे दिखाई देंगे, लेकिन यह बदल सकता है (एक कारण के लिए यह अनिर्दिष्ट)।

सबसे अच्छी सलाह यह है कि इसे uservoice साइट पर जोड़ दें और इसके फाइनल का इंतजार करें। लेकिन यह आ रहा है।

Question 10

VSCode इसे 0.5 संस्करण में पेश करता है, यहां देखें । स्निपेट सिंटैक्स TextMate स्निपेट सिंटैक्स का अनुसरण करता है और उपयोगकर्ता प्राथमिकता में लिख सकता है।

Question 11

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

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

Question 12

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