Emmet

Vetur es una extensión para Visual Studio Code y proporciona una caja de herramientas para programar con Vue. Entre sus principales características encontramos: Remarcado de sintaxis Algunos snippets Soporte de Emmet Comprobación de errores Formateado de código Autocompletado Depuración VSCode o Visual Studio Code se ha convertido en un potente pero ligero editor de código. No es un IDE ni un editor de texto plano, se encuentra entre estos dos y mantiene la sencillez de un editor con muchas características de un IDE. Al comenzar a programar en Vue (con archivos que tienen la extensión .vue) no se muestra un resaltado de sintaxis ni las herramientas del lenguaje: Veamos entonces cómo instalar Vetur y analicemos las herramientas que proporciona para hacer el desarrollo con Vue más fácil y agradable. ...

Introducción No sé cómo definir a Emmet, pero es algo como un plugin para los editores de texto más populares. Permite expandir “abreviaciones” desde las más simples hasta las más complejas. Con Emmet, podemos agilizar el proceso de desarrollo, pues nos ahorra escribir mucho código. Este plugin es muy querido por la comunidad porque tiene soporte para la mayoría de editores. Hoy mostraré algunas abreviaciones que utilizo en mi día a día. ...

Introducción Este es un post muy simple. Sólo muestro cómo crear una tabla HTML que tenga la directiva ng-repeat utilizando Emmet. Así, podemos expandirlo todo. Abreviación Emmet La abreviación queda así: table>(thead>tr>th{Encabezado $}*5)+(tbody>tr[ng-repeat="avio in aviosExistentes track by \$index"]>td{\{\{avio.valor}\}\}*5) Si analizamos bien, creará una tabla. Dentro de esa tabla, estarán los elementos tbody y thead, dentro de cada uno de ellos habrá filas. Y dentro de cada fila, un valor. Al expandir la abreviación, da un resultado así: ...