Emmet - это надстройка для редакторов кода, которая позволяет быстрее писать HTML и CSS.
Что касается HTML, это позволяет вам писать аббревиатуры для HTML. Например
table>tr*3>td*3Превращается в
Когда вы его «расширяете». Расширение происходит с помощью клавиши триггера, обычно клавиши TAB.
Это похоже на Zen Coding, и на самом деле Emmet - это эволюция Zen Coding. Вы можете по-настоящему фантазировать, и через некоторое время он действительно начнет казаться естественным и мощным. Вы можете освоиться с этим, потому что Emmet доступен в таком огромном количестве редакторов кода, в том числе прямо на CodePen.
Что касается CSS, Emmet предлагает то, что называется Fuzzy Search, который позволяет вам быстро / свободно вводить свойства и значения CSS, и потребуется попытка расширить его до того, что вы имеете в виду. Обычно это работает довольно хорошо.
Например, w(TAB)превращается в width: ;с курсором прямо перед точкой с запятой. ov:h(TAB)превращается в overflow: hidden;Pretty Rad, вам просто нужно попробовать. Это умнее, чем пытаться запомнить точное сокращение для каждого отдельного свойства и значения CSS (их слишком много).