freeCodeCamp/guide/spanish/developer-tools/source-code-editors/adding-snippets-to-your-sub.../index.md

1.8 KiB

title localeTitle
Adding Snippets to Your Sublime Text Installation Agregando fragmentos a su instalación de texto sublime

Si eres un usuario de texto sublime (espero que lo seas, que se recupere. Puedes obtenerlo aquí ), es posible que ya hayas notado algunas de las capacidades de completar pestañas. Por ejemplo, cuando abre una etiqueta html como <p> , la cierra automáticamente tan pronto como escribe / . Puede obtener una funcionalidad similar para piezas de código que termina reescribiendo una y otra vez, ¡y es sorprendentemente fácil!

Aquí hay un ejemplo, que se activa después de escribir div y luego la pestaña:

texto alternativo

Paso 1.

Haga clic en Tools > New Snippet... en la barra de navegación. Esto abrirá un archivo de fragmento de esqueleto que se verá así:

texto alternativo

Paso 2.

Agregará el fragmento reemplazando el texto Hello, ${1:this} is a ${2:snippet}.

En el caso del fragmento de código div , es tan simple como colocar el siguiente texto en el área de fragmento:

<!-- $1 --> 
 <div class= "$1"> 
 
 </div> 
 <!-- $1 --> 

El operador $ referencia a las variables que se escribirán una vez que escriba div y luego tab. De hecho puedes tener cualquier número de ellos!

Paso 3.

Guarda el archivo. Puede darle el nombre de archivo que desee, pero la extensión debe ser .sublime-snippet . ¡Recuerda, solo puedes tener un fragmento por archivo! Me gusta darles nombres descriptivos como html-div.sublime-snippet .

¡Y ahí lo tienes! Puedes ser tan creativo como quieras.