21 - Fragmentos de código (snippets)

Los fragmentos de código son un bloque de una o más instrucciones que el programador debe ingresar en forma repetitiva a lo largo de la codificación de un programa. Las estructuras repetitivas, condicionales, bloques de comentarios etc. son instrucciones que debemos codificar constantemente en nuestro programa y los "Fragmentos de código" nos automatizan el ingreso de los mismos.

Los fragmentos de código son particulares de cada lenguaje de programación. Los lenguajes básicos que soporta VS Code como JavaScript, TypeScript, HTML etc. incorporan fragmentos de código básicos.

Los fragmentos de código se muestran junto a IntelliSense.

Veamos como insertar un fragmento de código cuando codificamos un programa en JavaScript, supongamos que tenemos que mostrar los números del 1 al 10 por la consola, en el momento que disponemos el bloque while se nos muestra la posibilidad de insertar un "Fragmento de código":

fragmento de código Intellisense VSCode

Es decir se nos propone sustituir:

while

Por el fragmento (snippet):

while (condition) {
    
}

Luego de confirmar el fragmento el cursor se posiciona en la condición del 'while' y podemos codificarla:

fragmento de código Intellisense VSCode

Finalmente luego de disponer la condición presionamos la tecla 'TAB' y procedemos a codificar el bloque repetitivo:

fragmento de código Intellisense VSCode

El fragmento de código nos agiliza la codificación de bloques de programación. Hay muchos fragmentos configurados por defecto para JavaScript:

fragmento de código Intellisense VSCode

fragmento de código Intellisense VSCode

Fragmentos de código según el lenguaje.

Los fragmentos de código que propone IntelliSense dependen del lenguaje que estamos codificando. Cuando instalamos extensiones de otros lenguajes las mismas incorporan fragmentos propios.

Si estamos codificando en Python y hemos instalado su extensión luego se nos muestran fragmentos como por ejemplo:

fragmento de código Intellisense VSCode

fragmento de código Intellisense VSCode

Si hemos instalado la extensión del lenguaje C# que suministra Microsoft, luego los fragmentos de código serán:

fragmento de código Intellisense VSCode

fragmento de código Intellisense VSCode