Zum Inhalt springen
🛠️ToolsShed

VS Code Snippet Generator

Erstelle benutzerdefinierte VS-Code-Snippets mit Tabstops, Platzhaltern und Variablen-Syntax für beliebige Sprachen.

Verwenden Sie $1, $2 für Tabstopps; ${1:placeholder} für Standardwerte; $0 für die endgültige Cursorposition

{
  "My Snippet": {
    "prefix": "mysnippet",
    "body": [
      "console.log($1);"
    ],
    "description": ""
  }
}

Über dieses Tool

VS Code-Ausschnitte sind wiederverwendbare Codeblöcke, die von einem Tastaturkürzel aus erweitert werden und die Entwicklung durch Reduzierung wiederholter Eingaben dramatisch beschleunigen. Anstatt jedes Mal Boilerplate-Code manuell zu schreiben, wenn Sie ihn benötigen, definieren Sie einen Ausschnitt einmal mit Platzhaltern, die durch Tabulatoren markiert sind, und können ihn dann sofort aufrufen, indem Sie ein kurzes Präfix eingeben. Ausschnitte sind für jeden ernsthaften Entwickler unverzichtbar—sie sparen Stunden Tipparbeit, reduzieren Tippfehler und erzwingen konsistente Codierungsmuster in allen Ihren Projekten.

Dieser VS Code-Ausschnitt-Generator wandelt Ihren Code in die richtige Ausschnitt-Syntax um und unterstützt vollständig Tabulatoren ($1, $2, $3), Platzhalter für optionalen Text und VS Code-Variablen wie $TM_FILENAME oder $CURRENT_YEAR. Kopieren Sie einfach Ihren Codeblock in das Feld Body, markieren Sie mit $1 (erste Haltestelle), $2 (zweite Haltestelle) usw., wo der Cursor springen soll, definieren Sie ein kurzes Präfix (den Auslösetext, den Sie eingeben), geben Sie Ihrem Ausschnitt einen Namen und optionale Beschreibung ein, und generieren Sie dann das vollständige JSON. Sie können die Ausgabe kopieren und in Ihrer snippets.json-Datei im Benutzerfragmente-Ordner von VS Code speichern.

Der generierte Ausschnitt funktioniert in jeder Sprache—setzen Sie den Scope auf Ihren Dateityp (JavaScript, Python, Go usw.) oder lassen Sie ihn als "All Languages" für universelle Verfügbarkeit. Tabulatoren und Variablen sind leistungsstark: $1 erstellt den ersten Cursor-Haltepunkt nach der Erweiterung, $0 markiert die Endposition, und Ausdrücke wie ${1:defaultText} bieten Standardtext, wenn Sie ihn nicht überschreiben. Dieses Tool ist ideal für Entwickler, die benutzerdefinierte Ausschnittbibliotheken erstellen, Code-Vorlagen im gesamten Team erstellen oder häufige Muster wie Funktionssignaturen, HTML-Boilerplate oder API-Aufrufstrukturen automatisieren möchten.

Häufig gestellte Fragen

Code-Implementierung

import json

def generate_vscode_snippet(
    name: str,
    prefix: str,
    body: list[str],
    description: str = "",
    scope: str = ""
) -> dict:
    snippet = {
        name: {
            "prefix": prefix,
            "body": body,
            "description": description,
        }
    }
    if scope:
        snippet[name]["scope"] = scope
    return snippet

# Example: Python class snippet
snippet = generate_vscode_snippet(
    name="Python Class",
    prefix="cls",
    body=[
        "class ${1:ClassName}:",
        "    def __init__(self${2:, args}):",
        "        ${3:pass}",
        "",
        "    def __repr__(self):",
        "        return f"${1:ClassName}(${4:fields})"",
    ],
    description="Create a Python class with __init__ and __repr__",
    scope="python"
)

print(json.dumps(snippet, indent=4))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.