Emmet on koodieditorien lisäosa, jonka avulla voit kirjoittaa HTML- ja CSS-tiedostoja nopeammin.
HTML-etupuolella sen avulla voit kirjoittaa lyhenteitä HTML: lle. Esimerkiksi
table>tr*3>td*3
Muuttuu
Kun laajennat sitä. Laajentaminen tapahtuu liipaisunäppäimellä, yleensä TAB-näppäimellä.
Tämä on samanlainen kuin Zen-koodaus, ja itse asiassa Emmet on Zen-koodauksen kehitys. Voit saada tämän hienoksi, ja se alkaa tuntua luonnolliselta ja voimakkaalta jonkin ajan kuluttua. Voit olla tyytyväinen siihen, koska Emmet on saatavana niin valtavalla joukolla koodieditoria, myös suoraan CodePenillä.
CSS-etupuolella Emmet tarjoaa ns. Fuzzy Search, jonka avulla voit kirjoittaa nopeasti / löyhästi CSS-ominaisuudet ja -arvot, ja se vie pistoksen laajentaaksesi sen tarkoittamallesi. Se toimii yleensä melko hyvin.
Esimerkiksi w(TAB)
muuttuu width: ;
kursoriksi juuri ennen puolipistettä. ov:h(TAB)
muuttuu overflow: hidden;
Pretty radiksi, sinun täytyy vain kokeilla sitä. Se on älykkäämpiä kuin yrittää muistaa tarkka lyhenne jokaiselle CSS-ominaisuudelle ja arvolle (niitä on aivan liian paljon).