Онлайн кодты үзінді түрлендіргіш құралы, JavaScript / TypeScript / React / JSX / TSX қолдауы      

Үзінді атауын енгізіңіз (name)
Үзінді префиксін енгізіңіз (prefix)
Үзінді сипаттамасын енгізіңіз (description)
Код мәтінін енгізіңіз (code body)
Буын түрі
Жасалған үзінді нәтиже

VSCode Код үзінділерін қалай пайдалануға болады


Snippets in Visual Studio Code
VS Code үзінділері жиі қолданылатын код блоктарын кірістіруді автоматтандыру арқылы кодтау өнімділігін арттырудың қуатты тәсілі болып табылады. Олар жай мәтіндік кеңейтімдер немесе толтырғыштар мен айнымалы мәндері бар күрделірек үлгілер болуы мүмкін. Міне, оларды қалай пайдалану керек:

Үзінділер жасау:

Үзінді параметрлеріне кіру: Файл > Теңшелімдер > Пайдаланушы үзінділері (MacOS жүйесіндегі код > Теңшелімдер > Пайдаланушы үзінділері) тармағына өтіңіз. Немесе, пәрмендер палитрасын (Ctrl+Shift+P немесе Cmd+Shift+P) пайдаланыңыз және «Параметрлер: Пайдаланушы үзінділерін конфигурациялау» деп теріңіз.

Тілді таңдаңыз: үзінді үшін тілді таңдау ұсынылады (мысалы, javascript.json, python.json, т.б.). Бұл үзіндінің тек сол нақты тіл үшін қолжетімді болуын қамтамасыз етеді. Үзіндінің барлық тілдерде қолжетімді болуын қаласаңыз, «Жаһандық үзінділер» файлын да жасауға болады.

Үзіндіні анықтаңыз: үзінділер 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 - курсордың соңғы орны.
"сипаттама": IntelliSense ұсыныстарында көрсетілген қосымша сипаттама.
Үзінділерді пайдалану:

Префиксті теріңіз: Дұрыс тіл түріндегі файлда сіз анықтаған префиксті теруді бастаңыз (мысалы, forl).

Үзіндіні таңдаңыз: VS кодының IntelliSense қызметі үзіндіні ұсынады. Оны көрсеткі пернелермен немесе басу арқылы таңдаңыз.

Қойындыларды пайдалану: қойындылар ($1, $2, т.б.) арасында шарлау және мәндерді толтыру үшін Tab пернесін басыңыз.

Айнымалылар:

Үзінділер $TM_FILENAME, $CURRENT_YEAR, т.б. сияқты айнымалы мәндерді де пайдалана алады. Толық тізімді VS Code құжаттамасын қараңыз.

Айнымалылары бар мысал (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}"
    ]
  }
}
Үзінділерді меңгеру арқылы сіз қайталанатын теруді айтарлықтай азайтып, кодыңыздың сәйкестігін қамтамасыз ете аласыз. Жиі қолданылатын код үлгілері үшін өзіңіздің жеке үзінділеріңізді жасаумен тәжірибе жасаңыз және кодтау тиімділігінің жоғарылағанын бақылаңыз.