Emmet scrivere html e css rapidamente

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

con Emmet possiamo scrivere:

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.

Pubblicato da

Andrea Merlin

Laureato in informatica, diversi corsi di specializzazione legati allo Sviluppo Software e alla Computer forensics. Appassionato di nuove tecnologie, amo la programmazione, la Business Intelligence e tematiche legate alla Privacy.Sempre alla ricerca di nuove idee, stimoli … e progetti da seguire!Amo trascorrere il tempo libero in Val Borbera, un piccolo angolo del Piemonte, in provincia di Alessandria.