Aller au contenu
🛠️ToolsShed

VS Code Snippet Generator

Créer des extraits VS Code personnalisés avec tabulateurs, placeholders et syntaxe de variable pour n'importe quel langage.

Utilisez $1, $2 pour les arrêts de tabulation ; ${1:placeholder} pour les valeurs par défaut ; $0 pour le curseur final

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

À propos de cet outil

Les extraits de VS Code sont des blocs de code réutilisables qui se développent à partir d'un raccourci clavier, accélérant considérablement le développement en réduisant les dactylographies répétitives. Au lieu d'écrire manuellement du code passe-partout chaque fois que vous en avez besoin, vous définissez un extrait une seule fois avec des positions d'espace réservé marquées par des tabulations, puis vous pouvez l'invoquer instantanément en tapant un préfixe court. Les extraits sont essentiels pour tout développeur sérieux—ils économisent des heures de frappe, réduisent les erreurs de saisie et appliquent des modèles de codage cohérents dans tous vos projets.

Ce Générateur d'Extraits VS Code transforme votre code en syntaxe d'extrait appropriée avec un support complet des tabulations ($1, $2, $3), des espaces réservés pour le texte optionnel, et des variables VS Code comme $TM_FILENAME ou $CURRENT_YEAR. Collez simplement votre bloc de code dans le champ Body, marquez l'endroit où le curseur doit sauter avec $1 (première arrêt), $2 (deuxième arrêt), etc., définissez un Prefix court (le texte déclencheur que vous taperez), donnez un nom à votre extrait et une Description optionnelle, puis générez le JSON complet. Vous pouvez copier la sortie et l'enregistrer dans votre fichier snippets.json dans le dossier des extraits utilisateur de VS Code.

L'extrait généré fonctionne dans n'importe quel langage—configurez l'étendue pour correspondre à votre type de fichier (JavaScript, Python, Go, etc.) ou laissez-la comme "All Languages" pour une disponibilité universelle. Les tabulations et les variables sont puissantes : $1 crée le premier arrêt du curseur après l'expansion, $0 marque la position finale, et les expressions comme ${1:defaultText} fournissent du texte par défaut si vous ne les remplacez pas. Cet outil est idéal pour les développeurs qui construisent des bibliothèques d'extraits personnalisées, créent des modèles de code à l'échelle de l'équipe, ou automatisent des modèles fréquents comme les signatures de fonction, le code de démarrage HTML ou les structures d'appels API.

Questions Fréquentes

Implémentation du Code

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.