Romych в 08:50, 21 грудня 2020

2020-12-21T08:50:50Z

Нова сторінка

Принцип работы Emmet: наберите тэг без угловых скобок и нажмите <kbd>Tab</kbd> — набранная заготовка превратится в полноценный тэг.

Поэкспериментируйте с такими примерами:

html:5
img
p(img)
ul>li
ul.my-list>li*3>a.item$
div.row.center>(div.col-lg-4>img)+(div.col-lg-8)

То же самое возможно в интерактивном режиме: <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Enter</kbd>

Кроме того, Emmet добавляет удобные горячие клавиши для редактирования тэгов:

{| cellpadding="10" border="1" style="border-collapse:collapse"
|-
| Выделить тэг '''внутрь''' || <kbd>Ctrl</kbd>+<kbd>,</kbd>
|-
| Выделить тэг '''наружу''' || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>0</kbd>
|-
| Переименовать тэг || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>'</kbd>
|-
| Удалить тэг || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>;</kbd>
|-
| Закомментировать или<br>раскомментировать тэг || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>/</kbd>
|}

== См. также ==

* [https://dev.to/myogeshchavan97/speed-up-your-coding-using-emmet-a-really-powerful-tool-46nj Speed up your coding using Emmet]
* [https://github.com/sergeche/emmet-sublime#available-actions Emmet Github Available Actions]
* [https://scotch.io/tutorials/write-html-crazy-fast-with-emmet-an-interactive-guide Write HTML Crazy Fast with Emmet: An Interactive Guide]
* [[Sublime Text]]
* Emmet для Sublime text (новая версия): https://github.com/emmetio/sublime-text-plugin
* [https://github.com/emmetio/sublime-text-plugin/blob/master/Default.sublime-commands Команды Emmet для горячих клавиш]

Emmet - Історія редагувань

Romych в 08:50, 21 грудня 2020