Emmet – the essental toolkit for web-developers
Questo è il titolo del sito di riferimento di Emmet. E direi che non potrebbe essere diversamente. Ma cos’è Emmet?
E’ un plugin che può essere installato nei text-editor più diffusi (nel mio caso è disponibile nativamente in Visual Studio Code) e che consente di migliorare lo sviluppo Html e Css.
Alla base ci sono una serie di shortcut che consentono di scrivere rapidamente codice Html e Css. A questo link è possibile visualizzare/scaricare la cheat sheet con tutti i comandi. Come si può vedere è molto completa, ed è suddivisa in due aree: una per lo sviluppo HTML ed una per lo sviluppo CSS.
Vediamo un semplice esempio di utilizzo.
Supponiamo di voler scrivere il seguente codice Html
<nav>
<ul>
<li></li>
</ul>
</nav>
con Emmet possiamo scrivere:
nav>ul>li
e premere TAB. Ovviamente è possibile utilizzare una combinazione di più shortcut per semplicare la stesura del codice.
Emmet è sicuramente uno strumento che non può mancare all’interno dei must- have tools degli sviluppatori web.