frontend от ежетты: “Emmet Abbreviation Как я верстала раньше? — Я набирала символ за симво…”

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/
🔗https://code.visualstudio.com/docs/editor/emmet