Este programa sirve para generar hojas de snippets para visual studio code.
Mientras estudias un nuevo lenguaje o framework, puedes crear archivos de snippets. Estos contienen palabras clave que generan el código asociado dentro de visual studio code.
Por ejemplo, si creamos un atajo como este
"console.log": {
"prefix": "ñcl",
"body": [
"console.log(${1:variable});",
"$0"
],
"description": "sacar un mensaje por consola"
}
Cuando estemos escribiendo en el editor de código el atajo.
ñcl
El editor de código sugerirá:
console.log sacar un mensaje por consola
Al aceptar la sugerencia con la tecla tab insertará el código:
console.log(variable);
el cursor estará posicionado sobre la palabra variable para reemplazar su contenido. También se puede utilizar cualquier número de parámetros.
Hacer este trabajo de manera ordenada y fácil es el objetivo de este programa.
En la parte inicial aparece la lista de lenguajes disponibles. Hay que tener en cuenta este selector, pues todas las operaciones se realizarán sobre el lenguaje elegido. Para un nuevo lenguaje o framework , escribir el nombre en el cuadro nuevo lenguaje y pulsar sobre guardar. El nuevo lenguaje aparecerá en el desplegable de lenguajes disponibles.
Esta es la zona donde se escriben los snippets. Al pulsar sobre nuevo , se borrará toda la información que pudiera haber en esta area, para poder crear un snippet nuevo. Es muy importante elegir adecuadamente el contenido de los cuadros
nombre , atajo y descripción. Porque deben dar información precisa de la función del snippet.
En el cuadro código, se escriben las lineas en el lenguaje seleccionado que completará el editor al aceptar el snippet. Hay que tener especial atención a los atributos ${n:texto}, pues si se realizan correctamente, proporcionan
una gran ayuda en la codificación.
Cuando todo esté correcto, se debe pulsar sobre el botón guardar que se encuentra debajo del cuadro de código. El snippet se creará y se reiniciarán los campos para poder escribir un nuevo snippet.
Al pulsar sobre este botón, se procesan todos los snippets del lenguaje seleccionado. El contenido del area de texto contendrá el código necesario que debe ser copiado dentro del archivo en fromato json que entienda Visual Studio. Por ejemplo, para javascript usar el archivo javascript.json y sustituir el contenido por los nuevos snippets.
Para encontrar estos archivos se buscan en Files \ preferences \ User Snippets y se mostrarán los archivos disponibles.
Aparecerá una lista con todos los snippets del lenguaje seleccionado, con su nombre , atajo y descripción. Se puede borrar el snippet o editar cualquier aspecto.
Aparecerá en el recuadro a continuación toda la información del snippet, que se puede modificar según convenga. En la parte inferior, el botón modificar snippet guarda los cambios realizados.