Інтэрнэт-інструмент пераўтварэння кода ў фрагмент, падтрымка JavaScript / TypeScript / React / JSX / TSX      

Увядзіце назву фрагмента (name)
Калі ласка, увядзіце прэфікс фрагмента (prefix)
Калі ласка, увядзіце апісанне фрагмента (description)
Калі ласка, увядзіце тэкст кода (code body)
Тып генерацыі
Згенераваны вынік фрагмента

VSCode Як выкарыстоўваць фрагменты кода


Snippets in Visual Studio Code
Фрагменты кода VS - гэта магутны спосаб павысіць прадукцыйнасць кадавання за кошт аўтаматызацыі ўстаўкі часта выкарыстоўваюцца блокаў кода. Яны могуць быць простымі пашырэннямі тэксту або больш складанымі шаблонамі з запаўняльнікамі і зменнымі. Вось як іх выкарыстоўваць:

Стварэнне фрагментаў:

Доступ да налад фрагмента: перайдзіце ў раздзел «Файл» > «Параметры» > «Фрагменты карыстальніка» (Код > «Параметры» > «Фрагменты карыстальніка» ў macOS). У якасці альтэрнатывы выкарыстайце палітру каманд (Ctrl+Shift+P або Cmd+Shift+P) і ўвядзіце «Параметры: Наладзіць карыстальніцкія фрагменты».

Выберыце мову: вам будзе прапанавана выбраць мову для вашага фрагмента (напрыклад, 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"
  }
}
У гэтым прыкладзе:

"Цыкл для": назва фрагмента (для даведкі).
"forl": Прэфікс. Набраўшы "forl" і націснуўшы Tab, вы ўставіце фрагмент.
"body": код для ўстаўкі. $1, $2 і г.д. з'яўляюцца табуляцыямі (запаўняльнікамі). $0 - канчатковая пазіцыя курсора.
"description": неабавязковае апісанне, якое паказваецца ў прапановах IntelliSense.
Выкарыстанне фрагментаў:

Увядзіце прэфікс: у файле патрэбнага тыпу мовы пачніце ўводзіць прэфікс, які вы вызначылі (напрыклад, forl).

Выберыце фрагмент: IntelliSense VS Code прапануе гэты фрагмент. Выберыце яго з дапамогай клавіш са стрэлкамі або пстрычкай.

Выкарыстоўвайце табуляцыі: націскайце Tab, каб перамяшчацца паміж табуляцыямі ($1, $2 і г.д.) і ўводзіць значэнні.

зменныя:

Фрагменты таксама могуць выкарыстоўваць такія зменныя, як $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}"
    ]
  }
}
Асвоіўшы фрагменты, вы можаце значна скараціць паўторны ўвод і забяспечыць паслядоўнасць вашага кода. Эксперыментуйце са стварэннем уласных фрагментаў для часта выкарыстоўваных шаблонаў кода і назірайце за павышэннем эфектыўнасці кадавання.