Online kode til snippet-konverteringsverktøy, støtte JavaScript / TypeScript / React / JSX / TSX      

Skriv inn et kodebitnavn (name)
Skriv inn et kodebitprefiks (prefix)
Skriv inn en tekstutdrag (description)
Vennligst skriv inn kodeteksten (code body)
Generasjonstype
Generert tekstutdrag

VSCode Slik bruker du kodebiter


Snippets in Visual Studio Code
VS-kodebiter er en kraftig måte å øke kodingsproduktiviteten ved å automatisere innsettingen av ofte brukte kodeblokker. De kan være enkle tekstutvidelser eller mer komplekse maler med plassholdere og variabler. Slik utnytter du dem:

Opprette tekstutdrag:

Få tilgang til Snippet Settings: Gå til Fil > Innstillinger > Bruker Snippets (Kode > Innstillinger > Bruker Snippets på macOS). Alternativt kan du bruke kommandopaletten (Ctrl+Shift+P eller Cmd+Shift+P) og skrive "Preferences: Configure User Snippets".

Velg et språk: Du blir bedt om å velge et språk for kodebiten din (f.eks. javascript.json, python.json osv.). Dette sikrer at kodebiten bare er tilgjengelig for det spesifikke språket. Du kan også opprette en "Global Snippets"-fil hvis du vil at kodebiten skal være tilgjengelig på alle språk.

Definer Snippet: Snippets er definert i JSON-format. Hver kodebit har et navn, et prefiks (snarveien du skriver inn for å utløse kodebiten), en brødtekst (koden som skal settes inn) 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 eksemplet:

"For Loop": Navnet på kodebiten (for din referanse).
"forl": Prefikset. Hvis du skriver "forl" og trykker Tab vil du sette inn kodebiten.
"body": Koden som skal settes inn. $1, $2, osv. er tabulatorer (plassholdere). $0 er den endelige markørposisjonen.
"description": En valgfri beskrivelse vist i IntelliSense-forslagene.
Bruke tekstutdrag:

Skriv inn prefikset: I en fil med riktig språktype, begynn å skrive prefikset du definerte (f.eks. forl).

Velg kodebiten: VS-kodens IntelliSense vil foreslå kodebiten. Velg den med piltastene eller ved å klikke.

Bruk Tabstops: Trykk Tab for å navigere mellom tabulatorstoppene ($1, $2, etc.) og fyll inn verdiene.

Variabler:

Snippets kan også bruke variabler som $TM_FILENAME, $CURRENT_YEAR, etc. For en fullstendig liste, se VS Code-dokumentasjonen.

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 å mestre kodebiter kan du redusere repeterende skriving betydelig og sikre konsistens i koden din. Eksperimenter med å lage dine egne kodebiter for ofte brukte kodemønstre og se kodingseffektiviteten øke.