အွန်လိုင်းကုဒ်မှ Snippet Converter Tool၊ JavaScript/TypeScript/React/JSX/TSX ကို ပံ့ပိုးပါ။      

ကျေးဇူးပြု၍ အတိုအထွာအမည်တစ်ခု ထည့်ပါ။ (name)
ကျေးဇူးပြု၍ အတိုအထွာရှေ့ဆက်ထည့်ပါ။ (prefix)
ကျေးဇူးပြု၍ အတိုအထွာဖော်ပြချက်ကို ထည့်ပါ။ (description)
ကျေးဇူးပြု၍ ကုဒ်စာသားကို ရိုက်ထည့်ပါ။ (code body)
မျိုးဆက်အမျိုးအစား
ထုတ်ပေးထားသော အတိုအထွာရလဒ်

VSCode ကုဒ်အတိုအထွာများကို အသုံးပြုနည်း


Snippets in Visual Studio Code
VS ကုဒ်အတိုအထွာများသည် အသုံးများသောကုဒ်တုံးများကို အလိုအလျောက်ထည့်သွင်းခြင်းဖြင့် သင်၏ကုဒ်ရေးစွမ်းရည်ကို မြှင့်တင်ရန် အစွမ်းထက်သောနည်းလမ်းဖြစ်သည်။ ၎င်းတို့သည် ရိုးရှင်းသော စာသားချဲ့ထွင်မှုများ သို့မဟုတ် နေရာယူထားသူများနှင့် ကိန်းရှင်များပါရှိသော ပိုမိုရှုပ်ထွေးသော ပုံစံများ ဖြစ်နိုင်သည်။ ဤတွင် ၎င်းတို့ကို လွှမ်းမိုးနိုင်ပုံမှာ-

အတိုအထွာများ ဖန်တီးနေသည်-

Access Snippet ဆက်တင်များ- File > Preferences > User Snippets (Code > Preferences > User Snippets on macOS) သို့ သွားပါ။ တနည်းအားဖြင့်၊ command palette (Ctrl+Shift+P သို့မဟုတ် Cmd+Shift+P) ကိုသုံး၍ "Preferences: Configure User Snippet" ကို ရိုက်ထည့်ပါ။

ဘာသာစကားတစ်ခုကို ရွေးချယ်ပါ- သင့်အတိုအထွာအတွက် ဘာသာစကားတစ်ခု (ဥပမာ၊ javascript.json၊ python.json စသည်ဖြင့်) ကို ရွေးချယ်ရန် သင့်အား အကြောင်းကြားပါမည်။ ၎င်းသည် အတိုအထွာကို ထိုတိကျသောဘာသာစကားအတွက်သာ ရရှိနိုင်ကြောင်း သေချာစေသည်။ ဘာသာစကားအားလုံးတွင် အတိုအထွာကို ဝင်ရောက်ကြည့်ရှုနိုင်စေလိုပါက "Global Snippets" ဖိုင်ကိုလည်း ဖန်တီးနိုင်သည်။

အတိုအထွာများကို သတ်မှတ်ပါ- အတိုအထွာများကို JSON ဖော်မတ်ဖြင့် သတ်မှတ်ထားသည်။ အတိုအထွာတစ်ခုစီတွင် အမည်တစ်ခု၊ ရှေ့ဆက်တစ်ခု (အတိုအထွာကို အစပျိုးရန် သင်ရိုက်ထည့်မည့် ဖြတ်လမ်းလင့်ခ်)၊ စာကိုယ် (ထည့်သွင်းရမည့်ကုဒ်) နှင့် ရွေးချယ်နိုင်သော ဖော်ပြချက်တစ်ခု ရှိသည်။

ဥပမာ (JavaScript)-
{
  "For Loop": {
    "prefix": "forl",
    "body": [
      "for (let i = 0; i < $1; i++) {",
      "  $0",
      "}"
    ],
    "description": "For loop with index"
  }
}
ဤဥပမာတွင်-

"For Loop"- အတိုအထွာ၏အမည် (သင့်အားကိုးကားရန်အတွက်)။
"forl"- ရှေ့ဆက်။ "forl" ဟုရိုက်ပြီး Tab ကိုနှိပ်ခြင်းဖြင့် အတိုအထွာကို ထည့်သွင်းပါမည်။
"body"- ထည့်သွင်းရန် ကုဒ်။ $1၊ $2 စသည်တို့သည် တက်ဘ်များ (နေရာယူထားသူများ) ဖြစ်သည်။ $0 သည် နောက်ဆုံး cursor အနေအထားဖြစ်သည်။
"ဖော်ပြချက်"- IntelliSense အကြံပြုချက်များတွင် ပြထားသည့် စိတ်ကြိုက်ဖော်ပြချက်။
အတိုအထွာများကို အသုံးပြုခြင်း-

Prefix ကိုရိုက်ထည့်ပါ- မှန်ကန်သောဘာသာစကားအမျိုးအစား၏ဖိုင်တစ်ခုတွင်၊ သင်သတ်မှတ်ထားသောရှေ့ဆက်ကိုစတင်ရိုက်ထည့်ပါ (ဥပမာ၊ forl)။

Snippet ကို ရွေးပါ- VS Code ၏ IntelliSense သည် အတိုအထွာကို အကြံပြုပါမည်။ မြှားခလုတ်များဖြင့် သို့မဟုတ် နှိပ်ခြင်းဖြင့် ၎င်းကို ရွေးချယ်ပါ။

Tabstops ကိုသုံးပါ- တက်ဘ်များကြားတွင် သွားလာရန် Tab ကိုနှိပ်ပြီး တန်ဖိုးများကို ဖြည့်ပါ။

ပြောင်းလွဲမှုများ-

အတိုအထွာများသည် $TM_FILENAME၊ $CURRENT_YEAR စသည်တို့ကဲ့သို့ ကိန်းရှင်များကို အသုံးချနိုင်သည်။ စာရင်းအပြည့်အစုံအတွက်၊ VS Code စာရွက်စာတမ်းကို ကြည့်ပါ။

Variables (Python) ဖြင့် ဥပမာ-
{
  "New Python File": {
    "prefix": "newpy",
    "body": [
      "#!/usr/bin/env python3",
      "# -*- coding: utf-8 -*-",
      "",
      "# ${TM_FILENAME}",
      "# Created by: ${USER} on ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}"
    ]
  }
}
အတိုအထွာများကို ကျွမ်းကျင်အောင် ပြုလုပ်ခြင်းဖြင့်၊ သင်သည် ထပ်တလဲလဲ စာရိုက်ခြင်းကို သိသိသာသာ လျှော့ချနိုင်ပြီး သင့်ကုဒ်တွင် လိုက်လျောညီထွေရှိစေရန် သေချာစေနိုင်ပါသည်။ အသုံးများသော ကုဒ်ပုံစံများ အတွက် သင့်ကိုယ်ပိုင် အတိုအထွာများကို ဖန်တီးခြင်းဖြင့် စမ်းသပ်ပြီး သင်၏ ကုဒ်ရေးမှု စွမ်းဆောင်ရည် မြင့်မားလာသည်ကို စောင့်ကြည့်ပါ။