Emmet adalah add-on untuk editor kode yang memungkinkan Anda menulis HTML dan CSS dengan lebih cepat.
Di depan HTML, ini memungkinkan Anda untuk menulis singkatan untuk HTML. Contohnya
table>tr*3>td*3
Berubah menjadi
Saat Anda "mengembangkannya". Perluasan terjadi dengan kunci pemicu, biasanya kunci TAB.
Ini mirip dengan Zen Coding, dan sebenarnya Emmet adalah evolusi dari Zen Coding. Anda bisa menjadi sangat menyukai ini dan itu benar-benar mulai terasa alami dan kuat setelah beberapa saat. Anda bisa merasa nyaman dengannya, karena Emmet tersedia di sejumlah besar editor kode termasuk langsung di CodePen.
Di bagian depan CSS, Emmet menawarkan apa yang disebut Pencarian Fuzzy, yang memungkinkan Anda mengetik properti dan nilai CSS dengan cepat / longgar dan itu akan mencoba mengembangkannya menjadi apa yang Anda maksud. Biasanya ini bekerja dengan cukup baik.
Misalnya, w(TAB)
berubah menjadi width: ;
dengan kursor tepat sebelum titik koma. ov:h(TAB)
berubah menjadi overflow: hidden;
Pretty rad, Anda hanya perlu mencobanya. Ini lebih pintar daripada mencoba menghafal singkatan yang tepat untuk setiap properti dan nilai CSS (ada terlalu banyak).