Emmet ist ein Add-On für Code-Editoren, mit dem Sie HTML und CSS schneller schreiben können.
Auf der HTML-Seite können Sie Abkürzungen für HTML schreiben. Zum Beispiel
table>tr*3>td*3Verwandelt sich in
Wenn Sie es "erweitern". Das Erweitern erfolgt mit einer Auslösetaste, normalerweise der TAB-Taste.
Dies ähnelt der Zen-Codierung, und tatsächlich ist Emmet eine Weiterentwicklung der Zen-Codierung. Sie können ziemlich ausgefallen damit werden und es fühlt sich nach einer Weile wirklich natürlich und kraftvoll an. Sie können sich damit vertraut machen, da Emmet auf einer so großen Anzahl von Code-Editoren verfügbar ist, einschließlich direkt auf CodePen.
Im CSS-Bereich bietet Emmet die sogenannte Fuzzy-Suche an, mit der Sie CSS-Eigenschaften und -Werte schnell / lose eingeben können. Es funktioniert normalerweise ziemlich gut.
So w(TAB)verwandelt sich in width: ;mit dem Cursor nach rechts vor dem Semikolon. ov:h(TAB)wird zu overflow: hidden;Pretty rad, du musst es nur versuchen. Es ist klüger als zu versuchen, sich für jede einzelne CSS-Eigenschaft und jeden einzelnen CSS-Wert eine genaue Abkürzung zu merken (es gibt einfach zu viele).