Aanlyn kode na brokkie-omskakelaarnutsding, ondersteun JavaScript / TypeScript / React / JSX / TSX      

Voer asseblief 'n brokkienaam in (name)
Voer asseblief 'n brokkievoorvoegsel in (prefix)
Voer asseblief 'n brokkiebeskrywing in (description)
Voer asseblief die kodeteks in (code body)
Generasie tipe
Gegenereerde brokkieresultaat

VSCode Hoe om kodebrokkies te gebruik


Snippets in Visual Studio Code
VS-kodebrokkies is 'n kragtige manier om jou koderingsproduktiwiteit 'n hupstoot te gee deur die invoeging van algemeen gebruikte kodeblokke te outomatiseer. Dit kan eenvoudige teksuitbreidings of meer komplekse sjablone met plekhouers en veranderlikes wees. Hier is hoe om dit te benut:

Skep brokkies:

Toegang tot Brokkie-instellings: Gaan na Lêer > Voorkeure > Gebruiker Brokkies (Kode > Voorkeure > Gebruiker Brokkies op macOS). Alternatiewelik, gebruik die opdragpalet (Ctrl+Shift+P of Cmd+Shift+P) en tik "Voorkeure: Stel gebruikersbrokkies in".

Kies 'n taal: Jy sal gevra word om 'n taal vir jou brokkie te kies (bv. javascript.json, python.json, ens.). Dit verseker dat die brokkie slegs vir daardie spesifieke taal beskikbaar is. Jy kan ook 'n "Global Snippets"-lêer skep as jy wil hê dat die brokkie oor alle tale toeganklik moet wees.

Definieer die Snippet: Snippets word in JSON-formaat gedefinieer. Elke brokkie het 'n naam, 'n voorvoegsel (die kortpad wat jy sal tik om die brokkie te aktiveer), 'n liggaam (die kode wat ingevoeg moet word) en 'n opsionele beskrywing.

Voorbeeld (JavaScript):
{
  "For Loop": {
    "prefix": "forl",
    "body": [
      "for (let i = 0; i < $1; i++) {",
      "  $0",
      "}"
    ],
    "description": "For loop with index"
  }
}
In hierdie voorbeeld:

"Vir lus": Die naam van die brokkie (vir jou verwysing).
"forl": Die voorvoegsel. Tik "forl" en druk Tab sal die brokkie invoeg.
"body": Die kode om in te voeg. $1, $2, ens. is tabstops (plekhouers). $0 is die finale wyserposisie.
"beskrywing": 'n Opsionele beskrywing wat in die IntelliSense-voorstelle gewys word.
Gebruik brokkies:

Tik die voorvoegsel: In 'n lêer van die korrekte taaltipe, begin tik die voorvoegsel wat jy gedefinieer het (bv. forl).

Kies die brokkie: VS-kode se IntelliSense sal die brokkie voorstel. Kies dit met die pyltjie sleutels of deur te klik.

Gebruik Tabstops: Druk Tab om tussen die tabstops ($1, $2, ens.) te navigeer en die waardes in te vul.

Veranderlikes:

Brokkies kan ook veranderlikes soos $TM_FILENAME, $CURRENT_YEAR, ens. Vir 'n volledige lys, sien die VS-kode dokumentasie.

Voorbeeld met veranderlikes (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}"
    ]
  }
}
Deur brokkies te bemeester, kan jy herhalende tik aansienlik verminder en konsekwentheid in jou kode verseker. Eksperimenteer met die skep van jou eie brokkies vir algemeen gebruikte kodepatrone en kyk hoe jou koderingsdoeltreffendheid die hoogte inskiet.