Emmet é um add-on para editores de código que permite que você escreva HTML e CSS mais rapidamente.
Na frente do HTML, permite que você escreva abreviações para HTML. Por exemplo
table>tr*3>td*3Torna-se em
Quando você o “expande”. A expansão acontece com uma tecla de gatilho, geralmente a tecla TAB.
Isso é semelhante ao Zen Coding e, na verdade, o Emmet é uma evolução do Zen Coding. Você pode ficar bem elaborado com isso e realmente começar a parecer natural e poderoso depois de um tempo. Você pode se sentir confortável com isso, porque Emmet está disponível em uma grande variedade de editores de código, incluindo diretamente no CodePen.
No front do CSS, o Emmet oferece o que é chamado de Fuzzy Search, que permite que você digite propriedades e valores CSS de forma rápida / livre e será difícil expandi-lo para o que você quer dizer. Geralmente funciona muito bem.
Por exemplo, se w(TAB)transforma em width: ;com o cursor logo antes do ponto e vírgula. ov:h(TAB)se transforma em overflow: hidden;Pretty rad, você apenas terá que tentar. É mais inteligente do que tentar memorizar uma abreviatura exata para cada propriedade e valor CSS (existem muitos).