VS Code Extension - Snippets - I will Tell How to Time Time

العمل لفترة طويلة في مشروع ما ، غالباً ما يواجه المرء الحاجة لنسخ جزء من الكود النموذجي ولصقه في المكان المناسب. في مثل هذه الحالات ، تساعد المقتطفات بالمناسبة. على سبيل المثال ، سوف أخبركم كيفية إنشاء ملحق لاحتياجاتي الخاصة في VS Code.

فيما يتعلق بإنشاء الامتدادات ، تحتوي VS Code على وثائق ، لكنني سأحاول هنا عرض عملية الإنشاء بشكل أكثر دقة.

أعمل على جهاز Mac حتى تكون الأوامر مناسبة ...

وماذا نحتاج؟

  • في الواقع VS كود
  • Node.js ، أو بالأحرى ، مدير الملفات الخاص به - nmp
  • مولد رمز VS
  • ذراع مستقيم

عملية تثبيت الأدوات اللازمة. الحذر! المستخدمة من قبل المحطة!


  1. تثبيت Node.js (يمكن تخطيه إذا كان متاحًا بالفعل)
    • تثبيت الشراب (يمكن تخطيه إذا كان متاحًا بالفعل)
      /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 

    • تثبيت Node.js
       brew install node 


  2. تثبيت مولد رمز VS
     npm install -g yo generator-code 


إنشاء قالب التمديد


  1. تعمل كل شيء في نفس وحدة التحكم ، قم بتنفيذ الأمر
     yo code 

    ستظهر الصورة التالية أمامك:
    صورة
    يجب تحديد JavaScript
  2. بعد ذلك ستطالبك الآلية بملء عدد قليل من الحقول ، وبعد ذلك ستبدأ عملية الإنشاء
    صورة

ألف مبروك. تم إنشاء القالب. دعنا ننتقل إلى الرمز.

إنشاء ملحق


  1. افتح المجلد الذي تم إنشاؤه. يتطابق اسمها مع معرف الامتداد الذي حددته سابقًا)
    صورة
  2. قم بإنشاء مجلد مقتطفات باستخدام ملف json مضمن (om / s). النقطة المهمة هي أنه بالنسبة لكل لغة من لغات vs vs Editor ، يمكنك استخدام مجموعة المقتطفات الخاصة بك ، ولكي تفعل ذلك ، تحتاج إلى تسجيل ملف القصاصات الخاص بك لكل لغة من اللغات التي تحتاج إليها. على سبيل المثال ، أستخدم sql و js ، لذا سأقوم بإنشاء ملفين بنفسي
    صورة
  3. تسجيل القصاصات في ملحق. قم بتسجيل ملفات Snippet واربطها باللغات التي سيتم تطبيقها عليها. للقيام بذلك ، أضف البنية البسيطة التالية في ملف package.json ، والتي تشير إلى اللغة التي تتوافق مع أي مقتطف

    صورة

    رمز للكسل
      "snippets": [ { "language": "csharp", "path": "./snippets/js_snippets.json" }, { "language": "sql", "path": "./snippets/sql_snippets.json" } ] 


  4. وصف جسم المقتطفات. يجب أن يكون الجسم بتنسيق json كما هو موضح سابقًا. على سبيل المثال ، قمت بإنشاء نموذجين لنفسي (مقتطف واحد). واحد منهم يخلق الجسم من برنامج pl sql ، والثاني ببساطة يحتوي على مقتطف الإخراج. يتكون كل مقتطف من:

    • json object snippet-a - تعريفات لاسمها ؛
    • بادئة - فريق بفضله يمكننا العثور على مقتطف ؛
    • الجسم - الجسم المراد إدراجه في المحرر ؛
    • وصف - وصف مقتطف واحد.

    صورة

    ومرة أخرى الرمز
      { "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. التطبيق. لترك امتداد على tarantass وحتى تعمل دائمًا ، تحتاج إلى نقل مجلد المشروع إلى
     user/.vscode/extensions/ 


يبدو أن تكون جيدة؟ توفير الوقت ، والناس ... الوقت هو دولار

Source: https://habr.com/ru/post/ar455884/


All Articles