Emmet es un complemento para editores de código que le permite escribir HTML y CSS más rápidamente.
En el frente HTML, le permite escribir abreviaturas para HTML. Por ejemplo
table>tr*3>td*3
Se convierte en
Cuando lo "expandes". La expansión ocurre con una tecla de activación, generalmente la tecla TAB.
Esto es similar a la codificación zen y, de hecho, Emmet es una evolución de la codificación zen. Puede volverse bastante elegante con esto y realmente comenzar a sentirse natural y poderoso después de un tiempo. Puede sentirse cómodo con él, porque Emmet está disponible en una gran variedad de editores de código, incluido CodePen.
En el frente de CSS, Emmet ofrece lo que se llama búsqueda difusa, que le permite escribir propiedades y valores de CSS de forma rápida / suelta y se esforzará por expandirlo a lo que quiere decir. Suele funcionar bastante bien.
Por ejemplo, se w(TAB)
convierte en width: ;
con el cursor justo antes del punto y coma. ov:h(TAB)
se convierte en overflow: hidden;
Pretty rad, solo tendrás que intentarlo. Es más inteligente que intentar memorizar una abreviatura exacta para cada propiedad y valor de CSS (hay demasiadas).