VS Code Snippet Generator
Crea snippets personalizados de VS Code con sintaxis de tabulaciones, marcadores de posición y variables para cualquier lenguaje.
Usa $1, $2 para puntos de tabulación; ${1:placeholder} para valores predeterminados; $0 para el cursor final
{
"My Snippet": {
"prefix": "mysnippet",
"body": [
"console.log($1);"
],
"description": ""
}
}Acerca de esta herramienta
Los fragmentos de VS Code son bloques de código reutilizables que se expanden desde un atajo de teclado, acelerando drásticamente el desarrollo al reducir la escritura repetitiva. En lugar de escribir manualmente código boilerplate cada vez que lo necesitas, defines un fragmento una sola vez con posiciones de marcador etiquetadas con tabulaciones, e inmediatamente puedes invocarlo escribiendo un prefijo corto. Los fragmentos son esenciales para cualquier desarrollador serio—ahorran horas de escritura, reducen errores de tipeo y aplican patrones de codificación coherentes en todos tus proyectos.
Este Generador de Fragmentos de VS Code transforma tu código en la sintaxis correcta de fragmentos con soporte completo para tabulaciones ($1, $2, $3), marcadores de posición para texto opcional, y variables de VS Code como $TM_FILENAME o $CURRENT_YEAR. Simplemente pega tu bloque de código en el campo Body, marca dónde debe saltar el cursor con $1 (primera parada), $2 (segunda parada), etc., define un Prefix corto (el texto desencadenante que escribirás), asigna un Nombre a tu fragmento y una Descripción opcional, luego genera el JSON completo. Puedes copiar la salida y guardarla en tu archivo snippets.json en la carpeta de fragmentos de usuario de VS Code.
El fragmento generado funciona en cualquier lenguaje—establece el Scope para que coincida con tu tipo de archivo (JavaScript, Python, Go, etc.) o déjalo como "All Languages" para disponibilidad universal. Las tabulaciones y variables son potentes: $1 crea la primera parada del cursor después de la expansión, $0 marca la posición final, y expresiones como ${1:defaultText} proporcionan texto predeterminado si no lo sobrescribes. Esta herramienta es ideal para desarrolladores que construyen bibliotecas de fragmentos personalizadas, crean plantillas de código para todo el equipo, o automatizan patrones frecuentes como firmas de función, boilerplate HTML o estructuras de llamadas API.
Preguntas Frecuentes
Implementación 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.