dps-snippets

Para unificar la forma de programar y hacerlo más rápido se han creado estos snippets. Para utilizarlos hay que instalar la extensión para vscode https://marketplace.visualstudio.com/items?itemName=DPS-Snippets.dps-snippets.

Snippets

HTML

Solo se pueden escribir en archivos HTML.

SCSS

Solo se pueden escribir en archivos SCSS.

JS

Solo se pueden escribir en archivos JS.

Frontend

Backend

Agregar más snippets

Agregar más snippets y que estos sean accesibles por todos.

1. Descargamos el repositorio.
2. En la carpeta de snippets y escribimos el snippet en el json de su categoría (está dividido por html, scss, javascript/frontend, javascript/backend).
3. Pedir permiso para manejar extensiones en vscode.
4. Push de los cambios.
5. Publish de la extensión.

Estructura de un snippet

Para aprender como se crean snippets en vscode visitar: https://code.visualstudio.com/docs/editor/userdefinedsnippets

Publish de la extensión

1. Ir a https://dev.azure.com/jimenezlamasd/_usersSettings/tokens
2. New token con organization -> all y full access.
3. vsce login DPS-Snippets y poner el token que hayas generado en dev.azure.
4. vsce publish