Online kode til snippet-konverteringsværktøj, understøtter JavaScript / TypeScript / React / JSX / TSX      

Indtast venligst et kodestykkenavn (name)
Indtast venligst et kodestykke-præfiks (prefix)
Indtast venligst en beskrivelse af et uddrag (description)
Indtast venligst kodeteksten (code body)
Generationstype
Genereret uddragsresultat

VSCode Sådan bruger du kodestykker


Snippets in Visual Studio Code
VS-kodestykker er en effektiv måde at øge din kodningsproduktivitet ved at automatisere indsættelsen af almindeligt anvendte kodeblokke. De kan være simple tekstudvidelser eller mere komplekse skabeloner med pladsholdere og variabler. Sådan udnytter du dem:

Oprettelse af uddrag:

Få adgang til Snippet Settings: Gå til Filer > Præferencer > Bruger Snippets (Kode > Præferencer > Bruger Snippets på macOS). Alternativt kan du bruge kommandopaletten (Ctrl+Shift+P eller Cmd+Shift+P) og skrive "Preferences: Configure User Snippets".

Vælg et sprog: Du bliver bedt om at vælge et sprog til dit kodestykke (f.eks. javascript.json, python.json osv.). Dette sikrer, at kodestykket kun er tilgængeligt for det specifikke sprog. Du kan også oprette en "Global Snippets"-fil, hvis du ønsker, at kodestykket skal være tilgængeligt på tværs af alle sprog.

Definer Snippet: Snippets er defineret i JSON-format. Hvert uddrag har et navn, et præfiks (genvejen, du skal indtaste for at udløse kodestykket), en brødtekst (koden, der skal indsættes) og en valgfri beskrivelse.

Eksempel (JavaScript):
{
  "For Loop": {
    "prefix": "forl",
    "body": [
      "for (let i = 0; i < $1; i++) {",
      "  $0",
      "}"
    ],
    "description": "For loop with index"
  }
}
I dette eksempel:

"For Loop": Navnet på kodestykket (til din reference).
"forl": Præfikset. Hvis du skriver "forl" og trykker på Tab, indsættes kodestykket.
"body": Koden, der skal indsættes. $1, $2 osv. er tabstops (pladsholdere). $0 er den endelige markørposition.
"beskrivelse": En valgfri beskrivelse vist i IntelliSense-forslagene.
Brug af uddrag:

Indtast præfikset: I en fil af den korrekte sprogtype skal du begynde at skrive det præfiks, du har defineret (f.eks. forl).

Vælg kodestykket: VS-kodens IntelliSense vil foreslå kodestykket. Vælg det med piletasterne eller ved at klikke.

Brug Tabstops: Tryk på Tab for at navigere mellem tabstops ($1, $2 osv.) og udfyld værdierne.

Variabler:

Uddrag kan også bruge variabler som $TM_FILENAME, $CURRENT_YEAR osv. Se VS Code dokumentationen for en komplet liste.

Eksempel med variabler (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}"
    ]
  }
}
Ved at mestre uddrag kan du reducere gentagne indtastninger markant og sikre konsistens i din kode. Eksperimenter med at oprette dine egne uddrag til almindeligt anvendte kodemønstre, og se din kodningseffektivitet stige.