DEV Community

Franco Andrés
Franco Andrés

Posted on • Updated on

Cómo crear tus propios Snippets para VSCode

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."
  ]
}
Enter fullscreen mode Exit fullscreen mode

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:
creación del snippets

como se ve nuestro Snippets en un archivo

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!!

Discussion (0)