Emmet to dodatek do edytorów kodu, który umożliwia szybsze pisanie HTML i CSS.
Na froncie HTML pozwala pisać skróty do HTML. Na przykład
table>tr*3>td*3Zmienia się w
Kiedy ją „rozszerzasz”. Rozwijanie odbywa się za pomocą klawisza wyzwalacza, zwykle klawisza TAB.
Jest to podobne do Zen Coding iw rzeczywistości Emmet jest ewolucją Zen Coding. Możesz się z tym całkiem spodobać i po pewnym czasie naprawdę zacznie wydawać się naturalne i mocne. Możesz się z tym czuć komfortowo, ponieważ Emmet jest dostępny na tak ogromnej liczbie edytorów kodu, w tym bezpośrednio na CodePen.
Jeśli chodzi o CSS, Emmet oferuje coś, co nazywa się wyszukiwaniem rozmytym, które pozwala na szybkie / luźne wpisywanie właściwości i wartości CSS i będzie wymagało rozwinięcia tego, co masz na myśli. Zwykle działa całkiem nieźle.
Na przykład w(TAB)zamienia się w width: ;z kursorem tuż przed średnikiem. ov:h(TAB)zamienia się w overflow: hidden;Pretty rad, po prostu musisz spróbować. To mądrzejsze niż próba zapamiętania dokładnego skrótu dla każdej pojedynczej właściwości i wartości CSS (jest ich po prostu za dużo).