Pular para o conteúdo
🛠️ToolsShed

VS Code Snippet Generator

Crie snippets VS Code personalizados com sintaxe de paradas de tabulação, placeholders e variáveis para qualquer linguagem.

Use $1, $2 para tabstops; ${1:placeholder} para valores padrão; $0 para cursor final

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

Sobre esta ferramenta

Trechos de código do VS Code são blocos de código reutilizáveis que se expandem a partir de um atalho de teclado, acelerando dramaticamente o desenvolvimento ao reduzir a digitação repetitiva. Em vez de escrever manualmente código boilerplate toda vez que você precisa dele, você define um trecho uma única vez com posições de espaço reservado marcadas por tabulações, e depois pode invocá-lo instantaneamente digitando um prefixo curto. Trechos são essenciais para qualquer desenvolvedor sério—eles economizam horas de digitação, reduzem erros de digitação e impõem padrões de codificação consistentes em todos os seus projetos.

Este Gerador de Trechos do VS Code transforma seu código em sintaxe apropriada de trecho com suporte completo para tabulações ($1, $2, $3), espaços reservados para texto opcional, e variáveis do VS Code como $TM_FILENAME ou $CURRENT_YEAR. Simplesmente cole seu bloco de código no campo Body, marque onde o cursor deve pular com $1 (primeira parada), $2 (segunda parada), e assim por diante, defina um Prefix curto (o texto de disparo que você digitará), dê um nome ao seu trecho e uma Descrição opcional, depois gere o JSON completo. Você pode copiar a saída e salvá-la no arquivo snippets.json da pasta de trechos do usuário do VS Code.

O trecho gerado funciona em qualquer linguagem—configure o Scope para corresponder ao seu tipo de arquivo (JavaScript, Python, Go, etc.) ou deixe-o como "All Languages" para disponibilidade universal. Tabulações e variáveis são poderosas: $1 cria a primeira parada do cursor após a expansão, $0 marca a posição final, e expressões como ${1:defaultText} fornecem texto padrão se você não sobrescrevê-las. Esta ferramenta é ideal para desenvolvedores que constroem bibliotecas de trechos personalizadas, criam modelos de código em toda a equipe, ou automatizam padrões frequentes como assinaturas de função, código de inicialização HTML ou estruturas de chamadas de API.

Perguntas Frequentes

Implementação de Código

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.