Creación de nuestros propios snippets en dos o tres clicks


Los snippets de Visual Studio son una herramienta estupenda que nos ahorra muchísimo tiempo a la hora de escribir código. Los snippets que vienen predefinidos en VS.Net nos permiten escribir mucho código escribiendo las dos primeras letras y a golpe de tecla Tab crear propiedades, bucles y un sinfín de llamadas.

Lo que pasa con este tipo de herramientas es que tarde o temprano necesitas más, por eso te puedes crear tus propios snippets con un poco de XML, pero lo que quiero yo es que sea rápido de hacer, para esto tenemos una extensión de Visual Studio llamada Snippet Designer. Os cuento en 2 pasos cómo instalarla y en 4 más cómo crear y utilizar el snippet, no más de 5 minutos para ahorrarnos tecleos y ahorrarle un montón de dinero a nuestro jefe en horas de picar código 🙂

  1. Lo primero, instalar el Snippet Designer. Abrimos Tools>Extensions and Updates:

    createSnippet01

    Y buscamos online el Snippet Designer

    createSnippet02

  2. Una vez instalado ya podemos seleccionar el trozo de código del que queremos crear el snippet y seleccionar la opción Export as Snippet:

    createSnippet03

  3. Entonces se abrirá un editor que nos permitirá definir el snippet de forma visual: qué claves será posible cambiar desde el snippet (botón derecho>Make Replacement), cómo se llamará ese elemento, qué valor tiene por defecto, de que tipo es, etc…

    createSnippet05

    Y una ventana de propiedades donde podremos definir las características del snippet, una muy útil es el Shortcut:

    createSnippet07

  4. Una vez lo tenemos guardado (se guarda en My Snippets), reniciamos el VS.Net y ya podemos utilizar nuestro nuevo snippet, nos bastará escribir el shortcut:

    createSnippet08

    Y pulsar el tabulador para que el snippet se expanda y nos permita escribir en él:

    createSnippet09

Que lo disfrutéis!

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s