Cómo crear tus propios Snippets para VSCode

#vscode #webdev #tutorial #productivity

Hoy te voy a mostrar como crear tus propios Snippets para Visual Studio Code sin necesidad de instalar una extensión.

⚠️ Spoiler Alert

Es muy fácil crear snippets. :)

Empecemos

Abre VSCode y haz lo siguiente:

Ctrl + P e ingresa "preferences": "User Snippets" y elije el lenguaje que desee.

Aquí un ejemplo para JavaScript:

{
  "Require": [
    "prefix": "req",
    "body": [
      "const name = require('');"
    ],
    "description": "Abreviación del código reservado require."
  ]
}

Después de esto guarda el archivo y crea un archivo JavaScript y coloca req que sería la abreviación de nuestro Snippets, VSCode auto completara mientras lo escribes y preciona la tecla tab o enter. Ahora tenemos un require() guardado en una constante.

Aquí un ejemplo de un Snippets que cree para CSS, puedes verlo en el siguiente tweet.

Otro ejemplo es crear snippets para los meta tags

Ejemplo:

Y eso es ya lo tienes, ahora ya sabes como crear tus propios snippets, elige el lenguaje que desees y listo.
Hasta puedes crear tu propia extensión. :)

Gracias por leer!!