Emmet là một tiện ích bổ sung cho trình chỉnh sửa mã cho phép bạn viết HTML và CSS nhanh hơn.
Về mặt HTML, nó cho phép bạn viết các chữ viết tắt cho HTML. Ví dụ
table>tr*3>td*3Trở thành
Khi bạn "mở rộng" nó. Mở rộng xảy ra với một phím kích hoạt, thường là phím TAB.
Điều này tương tự như Zen Coding, và trên thực tế Emmet là một sự tiến hóa của Zen Coding. Bạn có thể thấy khá thú vị với điều này và nó thực sự bắt đầu cảm thấy tự nhiên và mạnh mẽ sau một thời gian. Bạn có thể cảm thấy thoải mái với nó, vì Emmet có sẵn trên một loạt các trình chỉnh sửa mã như vậy bao gồm ngay trên CodePen.
Về mặt CSS, Emmet cung cấp cái được gọi là Fuzzy Search, cho phép bạn nhập các thuộc tính và giá trị CSS một cách nhanh chóng / lỏng lẻo và sẽ rất khó để mở rộng nó theo ý bạn. Nó thường hoạt động khá tốt.
Ví dụ: w(TAB)chuyển thành width: ;bằng con trỏ ngay trước dấu chấm phẩy. ov:h(TAB)biến thành overflow: hidden;Pretty rad, bạn sẽ phải thử. Sẽ thông minh hơn việc cố gắng ghi nhớ một từ viết tắt chính xác cho mọi thuộc tính và giá trị CSS (chỉ có quá nhiều).