Online alat za pretvaranje koda u isječak, podržava JavaScript / TypeScript / React / JSX / TSX      

Unesite naziv isječka (name)
Unesite prefiks isječka (prefix)
Unesite opis isječka (description)
Unesite tekst koda (code body)
Vrsta generacije
Generirani rezultat isječka

VSCode Kako koristiti isječke koda


Snippets in Visual Studio Code
Isječci VS koda moćan su način za povećanje produktivnosti kodiranja automatiziranjem umetanja blokova koda koji se često koriste. Mogu biti jednostavna proširenja teksta ili složeniji predlošci s rezerviranim mjestima i varijablama. Evo kako ih iskoristiti:

Stvaranje isječaka:

Pristupite postavkama isječka: idite na Datoteka > Postavke > Korisnički isječci (Kôd > Postavke > Korisnički isječci na macOS-u). Alternativno, upotrijebite paletu naredbi (Ctrl+Shift+P ili Cmd+Shift+P) i upišite "Preferences: Configure User Snippets".

Odaberite jezik: od vas će se tražiti da odaberete jezik za svoj isječak (npr. javascript.json, python.json itd.). Time se osigurava da je isječak dostupan samo za taj određeni jezik. Također možete stvoriti datoteku "Global Snippets" ako želite da isječak bude dostupan na svim jezicima.

Definirajte isječak: isječci su definirani u JSON formatu. Svaki isječak ima naziv, prefiks (prečac koji ćete upisati za pokretanje isječka), tijelo (kod koji treba umetnuti) i izborni opis.

Primjer (JavaScript):
{
  "For Loop": {
    "prefix": "forl",
    "body": [
      "for (let i = 0; i < $1; i++) {",
      "  $0",
      "}"
    ],
    "description": "For loop with index"
  }
}
U ovom primjeru:

"Za petlju": naziv isječka (za vašu referencu).
"forl": prefiks. Upisivanjem "forl" i pritiskom na Tab umetnut će se isječak.
"body": kod za umetanje. $1, $2, itd. su graničnici tabulatora (rezervirana mjesta). $0 je konačna pozicija kursora.
"description": izborni opis prikazan u IntelliSense prijedlozima.
Korištenje isječaka:

Upišite prefiks: U datoteku ispravne vrste jezika počnite upisivati prefiks koji ste definirali (npr. forl).

Odaberite isječak: IntelliSense VS Codea predložit će isječak. Odaberite ga tipkama sa strelicama ili klikom.

Koristite tabulatore: pritisnite Tab za navigaciju između tabulatora ($1, $2, itd.) i ispunite vrijednosti.

Varijable:

Isječci također mogu koristiti varijable kao što su $TM_FILENAME, $CURRENT_YEAR itd. Za potpuni popis pogledajte dokumentaciju VS koda.

Primjer s varijablama (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}"
    ]
  }
}
Savladavanjem isječaka možete značajno smanjiti ponavljajuće tipkanje i osigurati dosljednost u svom kodu. Eksperimentirajte sa stvaranjem vlastitih isječaka za najčešće korištene uzorke koda i gledajte kako vaša učinkovitost kodiranja raste.