Emmet - це доповнення для редакторів коду, що дозволяє швидше писати HTML та CSS.
На фронті HTML це дозволяє писати скорочення для HTML. Наприклад
table>tr*3>td*3Перетворюється на
Коли ви “розширюєте” його. Розгортання відбувається за допомогою тригерної клавіші, як правило, клавіші TAB.
Це схоже на Zen Code, і насправді Emmet - це еволюція Zen Code. Ви можете отримати досить фантазії з цим, і це справді починає відчувати себе природним і потужним через деякий час. Ви можете з цим почуватись комфортно, адже Emmet доступний у такому величезному наборі редакторів коду, в тому числі прямо на CodePen.
Що стосується CSS, Emmet пропонує так званий нечіткий пошук, який дозволяє швидко / вільно вводити властивості та значення CSS, і це буде робити удар, розширюючи його до того, що ви маєте на увазі. Зазвичай це працює досить добре.
Наприклад, w(TAB)перетворюється на width: ;з курсором прямо перед крапкою з комою. ov:h(TAB)перетворюється на overflow: hidden;Pretty rad, вам просто доведеться спробувати. Це розумніше, ніж намагатися запам’ятати точну абревіатуру для кожного окремого властивості та значення CSS (їх занадто багато).