Шпаргалка по Emmet

Большинство web-разработчиков сталкивалось с полезным функционалом, реализованным во многих программах для разработки сайтов. И не важно какую из программ вы используете. Многие программы позволяют подключение EMMET при помощи дополнительных плагинов, а часть программ имеет его в наличии как стандартный функционал.

Так что же такое EMMET?

EMMET — это плагин, который ускоряет процесс написания HTML, CSS, XML кода за счет использования сокращений, принятых в среде web-разработки. В сети можно встретить много справочников по сокращениям EMMET.

Для каких программ доступен EMMET?

Нет смысла перечислять все программы, использующие emmet, поэтому озвучу самые популярные — это PHPStorm (WebStorm), NetBeans, Eclipse, Sublime Text, Aptana, Coda, TextMate, Notepad++, CodeMirror, Adobe Dreamviewer и другие.

Для удобства все сгруппировал в справочник, который можно использовать как шпаргалку по Emmet (формат PDF).

Сокращений довольно много и сложно сразу запомнить все. Да и не всегда могут понадобиться все возможности HTML и CSS. Можно для себя выбрать самые основные, которые чаще всего используете в работе. А со временем расширять свое использование и запоминать больше сокращений.

Если хотите более детально познакомиться с Emmet, то можете посетить официальный сайт Emmet.