Emmet

29.10.2019 11:12:40

Уже давно использовал, в разных редакторах, возможность генерации целых блоков html по шаблонам вида: div.class>ul+.
И вот решил выяснить про данный функционал подробнее.

Итак, это проект называется Emmet

Он поставляется в виде плагинов для множества редакторов, например:

  • Sublime Text
  • Eclipse
  • Komodo Edit
  • Notepad++
  • textarea
  • NetBeans
  • Adobe Dreamweaver

А также и для некоторых сервисов. Полный список можно посмотреть тут

Базовые примеры синтаксиса:

pic1

Детально можно прочесть в документации

На всякий случай оставил себе копию их cheatsheet: Скачать
и сдклал небольшую выдержку: Скачать

Интересные примеры:

 
.col*3>{$}

 
<div class="col">1</div>
<div class="col">2</div>
<div class="col">3</div>


Категории: Web, HTML, CSS
Пометки: автокомплит, ctrl+e в codelobster
Яндекс.Метрика