Emmet Abbreviation
Как я верстала раньше? — Я набирала символ за символом:
<div class="content-wrapper">...
➡️ С emmet я набираю:
.content-wrapper и получаю <div>
с нужным классом
➡️ или набираю:
ul.categories-list>li.categories-list__item*3
и получаю список с классом и тремя вложенными пунктами с классами
➡️ в стилях dn - получаю display: none;
m10-20 - получаю margin: 10px 20px;
Важно: после ввода нажимаем Enter
Работает без установки плагинов в:
- Vs Code,
- PHP Storm,
- WEB Storm,
но в каких-то редакторах, возможно, может потребоваться установить плагин Emmet Abbreviation
🔗Документация: https://docs.emmet.io/abbreviations/
Еще две статьи-руководства:
🔗https://skillbox.ru/media/code/uskoryaem-vyerstku-ispolzuya-emmet/
