वीएस कोड एक्सटेंशन - स्निपेट्स - मैं समय बचाने के लिए बताऊंगा

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

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

मैं एक मैक पर काम करता हूं ताकि कमांड उपयुक्त हो ...

और इसलिए हमें क्या चाहिए?

• दरअसल वी.एस. कोड
• Node.js या इसके फ़ाइल प्रबंधक - nmp
• वीएस कोड जनरेटर
• सीधे हाथ

आवश्यक उपकरण स्थापित करने की प्रक्रिया। चेतावनी! टर्मिनल द्वारा उपयोग किया जाता है!

1. Node.js इंस्टॉल करना (पहले से उपलब्ध होने पर छोड़ दिया जा सकता है)
   
   • काढ़ा स्थापित करना (पहले से उपलब्ध होने पर छोड़ दिया जा सकता है)
     

     /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 

     
     
   • Node.js स्थापित करें
     

      brew install node 

     
     
   
   
2. वीएस कोड जनरेटर स्थापित करें
   

    npm install -g yo generator-code 

   
   

एक्सटेंशन टेम्पलेट बनाना

1. सभी एक ही कंसोल में काम करते हैं, कमांड निष्पादित करते हैं
   

    yo code 

   
   निम्न चित्र आपके सामने आएगा:
   
   जावास्क्रिप्ट का चयन करना होगा
   
2. फिर तंत्र आपको कुछ और क्षेत्रों को भरने के लिए संकेत देगा, जिसके बाद निर्माण प्रक्रिया शुरू हो जाएगी
   
   

बधाई हो। टेम्पलेट बनाया गया। कोड पर चलते हैं।

एक्सटेंशन बनाना

1. बनाया फ़ोल्डर खोलें। उसका नाम उस विस्तार पहचानकर्ता से मेल खाता है जिसे आपने पहले निर्दिष्ट किया था)
   
   
2. एक एम्बेडेड json फ़ाइल (om / s) के साथ एक स्निपेट फ़ोल्डर बनाएँ। मुद्दा यह है कि प्रत्येक बनाम संपादक भाषा के लिए आप स्निपेट्स के अपने सेट का उपयोग कर सकते हैं, ऐसा करने के लिए, आपको अपनी प्रत्येक भाषा के लिए अपनी स्निपेट फ़ाइल को पंजीकृत करने की आवश्यकता है। उदाहरण के लिए, मैं sql और js का उपयोग करता हूं, इसलिए मैं अपने लिए 2 फाइलें बनाऊंगा
   
   
3. एक्सटेंशन में स्निपेट रजिस्टर करें। स्निपेट फ़ाइलों को पंजीकृत करें और उन्हें उन भाषाओं में बाँधें, जिन पर उन्हें लागू किया जाएगा। ऐसा करने के लिए, package.json फ़ाइल में निम्न सरल निर्माण जोड़ें, जो इंगित करता है कि कौन सी भाषा किस स्निपेट से मेल खाती है
   
   
   
   
   आलसी के लिए कोड

     "snippets": [ { "language": "csharp", "path": "./snippets/js_snippets.json" }, { "language": "sql", "path": "./snippets/sql_snippets.json" } ] 

   
   
   
   
4. स्निपेट्स के शरीर का विवरण। जैसा कि पहले संकेत दिया गया है, शरीर को जसन प्रारूप में होना चाहिए। उदाहरण के लिए, मैंने अपने लिए दो टेम्पलेट बनाए (स्निपेट-ए)। उनमें से एक pl sql प्रोग्राम की बॉडी बनाता है, और दूसरा बस आउटपुट स्निपेट शामिल करता है। प्रत्येक स्निपेट में निम्नलिखित शामिल हैं:
   
   
   • json ऑब्जेक्ट स्निपेट-ए - इसके नाम की परिभाषा;
   • उपसर्ग - एक टीम जिसके लिए हम स्निपेट पा सकते हैं;
   • body - संपादक में सम्मिलित किया जाने वाला निकाय;
   • वर्णन - स्निपेट-ए का विवरण।
   
   
   
   
   और फिर से कोड

     { "Default body": { "prefix": "defaultbody", "description" : "Declare dafault body", "body": [ "declare", "", " v_errorCode int;", " v_errorMessage nvarchar2(255);", "", "begin", "", " begin", "", " null;", " --Do something", "", " exception when others then", "", " v_errorCode = 101;", " v_errorMessage = substr(sqlerrm, 1, 200);", " ", " end;", "", " <<cleanup>>", " --dbms_output.put_line('Error code : '||v_errorCode);", " --dbms_output.put_line('Error message : '||v_errorMessage);", "end;" ] }, "Output": { "prefix": "output", "description" : "Dbms output", "body": [ "dbms_output.put_line('');" ] } } 

   
   
   
   
5. चल रहा है। एक ही बनाम कोड का उपयोग करके उत्पादित किया जाता है, जिसके बाद एक नया उदाहरण बनाम कोड खोला जाता है
   
   
6. की जाँच करें। नए उदाहरण में, हमें sql कोड लिखने के लिए भाषा को चुनना होगा और चयनित भाषा के अनुरूप स्निपेट में से किसी एक का उपसर्ग लिखना शुरू करना होगा और यही हमें मिलेगा
   
   
   
   
7. 
   आवेदन। अपने टारेंटास पर विस्तार को छोड़ने के लिए और ताकि यह हमेशा काम करे, आपको प्रोजेक्ट फ़ोल्डर को स्थानांतरित करने की आवश्यकता है
   

    user/.vscode/extensions/ 

   
   

अच्छा लगता है? समय बचाओ, लोग ... समय $ है