Online kódrészlet konvertáló eszköz, támogatja a JavaScriptet / TypeScript / React / JSX / TSX      

Adja meg a kódrészlet nevét (name)
Adjon meg egy kódrészlet előtagot (prefix)
Kérjük, adjon meg egy részlet leírását (description)
Kérjük, írja be a kód szövegét (code body)
Generáció típusa
Létrehozott kivonat eredménye

VSCode A kódrészletek használata


Snippets in Visual Studio Code
A VS kódrészletek hatékony módszert jelentenek a kódolási hatékonyság növelésére az általánosan használt kódblokkok beillesztésének automatizálásával. Lehetnek egyszerű szövegbővítések vagy összetettebb sablonok helyőrzőkkel és változókkal. Íme, hogyan lehet őket kihasználni:

Kivonatok létrehozása:

Hozzáférés a kivonatbeállításokhoz: Lépjen a Fájl > Beállítások > Felhasználói kódrészletek menüpontra (Kód > Beállítások > Felhasználói kódrészletek macOS-en). Alternatív megoldásként használja a parancspalettát (Ctrl+Shift+P vagy Cmd+Shift+P), és írja be a „Preferences: Configure User Snippets” parancsot.

Válasszon nyelvet: A rendszer felkéri, hogy válasszon nyelvet a kódrészlethez (pl. javascript.json, python.json stb.). Ez biztosítja, hogy a kódrészlet csak az adott nyelven érhető el. Létrehozhat egy „Global Snippets” fájlt is, ha azt szeretné, hogy a kódrészlet minden nyelven elérhető legyen.

Határozza meg a kivonatot: A kódrészletek JSON formátumban vannak definiálva. Minden kódrészletnek van neve, előtagja (a kódrészlet aktiválásához beírt billentyűparancs), törzse (a beillesztendő kód) és opcionális leírása.

Példa (JavaScript):
{
  "For Loop": {
    "prefix": "forl",
    "body": [
      "for (let i = 0; i < $1; i++) {",
      "  $0",
      "}"
    ],
    "description": "For loop with index"
  }
}
Ebben a példában:

"For Loop": A részlet neve (információként).
"forl": Az előtag. A „forl” beírása és a Tab billentyű lenyomása beilleszti a kódrészletet.
"body": A beillesztendő kód. A $1, $2 stb. tabulátorok (helyőrzők). $0 a kurzor végső pozíciója.
"leírás": az IntelliSense javaslatai között megjelenő opcionális leírás.
Részletek használata:

Írja be az előtagot: A megfelelő nyelvtípusú fájlban kezdje el beírni a megadott előtagot (pl. forl).

Válassza ki a részletet: A VS Code IntelliSense programja javasolni fogja a részletet. Válassza ki a nyílbillentyűkkel vagy kattintással.

Tabulátorok használata: Nyomja meg a Tab billentyűt a tabulátorok közötti navigáláshoz ($1, $2 stb.), és írja be az értékeket.

Változók:

A kivonatok olyan változókat is használhatnak, mint a $TM_FILENAME, $CURRENT_YEAR stb. A teljes listát lásd a VS Code dokumentációjában.

Példa változókkal (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}"
    ]
  }
}
A kódrészletek elsajátításával jelentősen csökkentheti az ismétlődő gépelést, és biztosíthatja a kód konzisztenciáját. Kísérletezzen saját kivonatok létrehozásával az általánosan használt kódmintákhoz, és figyelje a kódolási hatékonyság szárnyalását.