Internetinis kodas į fragmentų konvertavimo įrankį, palaiko JavaScript / TypeScript / React / JSX / TSX      

Įveskite fragmento pavadinimą (name)
Įveskite fragmento priešdėlį (prefix)
Įveskite fragmento aprašą (description)
Įveskite kodo tekstą (code body)
Kartos tipas
Sugeneruotas fragmento rezultatas

VSCode Kaip naudoti kodo fragmentus


Snippets in Visual Studio Code
VS kodo fragmentai yra galingas būdas padidinti kodavimo produktyvumą automatizuojant dažniausiai naudojamų kodų blokų įterpimą. Tai gali būti paprasti teksto išplėtimai arba sudėtingesni šablonai su vietos rezervavimo ženklais ir kintamaisiais. Štai kaip juos panaudoti:

Fragmentų kūrimas:

Pasiekite fragmento nustatymus: eikite į Failas > Nuostatos > Vartotojo fragmentai (Kodas > Nuostatos > Vartotojo fragmentai „MacOS“). Arba naudokite komandų paletę (Ctrl+Shift+P arba Cmd+Shift+P) ir įveskite „Preferences: Configure User Snippets“.

Pasirinkite kalbą: būsite paraginti pasirinkti fragmento kalbą (pvz., javascript.json, python.json ir kt.). Taip užtikrinama, kad fragmentas pasiekiamas tik ta konkrečia kalba. Taip pat galite sukurti „Visuotinių fragmentų“ failą, jei norite, kad fragmentas būtų pasiekiamas visomis kalbomis.

Apibrėžkite fragmentą: fragmentai apibrėžiami JSON formatu. Kiekvienas fragmentas turi pavadinimą, priešdėlį (spartusis klavišas, kurį įvesite, kad suaktyvintumėte fragmentą), turinys (įterpiamas kodas) ir pasirenkamas aprašas.

Pavyzdys (JavaScript):
{
  "For Loop": {
    "prefix": "forl",
    "body": [
      "for (let i = 0; i < $1; i++) {",
      "  $0",
      "}"
    ],
    "description": "For loop with index"
  }
}
Šiame pavyzdyje:

„For Loop“: fragmento pavadinimas (jūsų nuoroda).
"forl": priešdėlis. Įvedus „forl“ ir paspaudus „Tab“, fragmentas bus įterptas.
"body": kodas, kurį reikia įterpti. $1, $2 ir tt yra tabstops (placeholders). $0 yra paskutinė žymeklio padėtis.
„description“: pasirenkamas aprašas, rodomas „IntelliSense“ pasiūlymuose.
Fragmentų naudojimas:

Įveskite priešdėlį: tinkamo kalbos tipo faile pradėkite rašyti nurodytą priešdėlį (pvz., forl).

Pasirinkite fragmentą: „VS Code“ „IntelliSense“ pasiūlys fragmentą. Pasirinkite jį rodyklių klavišais arba spustelėdami.

Naudokite Tabstops: paspauskite Tab, kad pereitumėte tarp tabstopų ($1, $2 ir tt) ir įveskite reikšmes.

Kintamieji:

Fragmentuose taip pat gali būti naudojami kintamieji, pvz., $TM_FILENAME, $CURRENT_YEAR ir kt. Visą sąrašą rasite VS kodo dokumentacijoje.

Pavyzdys su kintamaisiais (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}"
    ]
  }
}
Įvaldydami fragmentus galite žymiai sumažinti pasikartojančio teksto vedimą ir užtikrinti kodo nuoseklumą. Eksperimentuokite kurdami savo dažniausiai naudojamų kodų šablonų fragmentus ir stebėkite, kaip didėja kodavimo efektyvumas.