Привет!
Да, да, да! Снова про Hot Keys. Или почти про Hot Keys.
Посмотрим основные сокращения, которые сильно упростят написание кода👀.
Если кратко то это выглядит так.
Первые две команды, которые здорово помогают - создание элементов с классом и создание div’ов
В первом случае достаточно написать тег и класс через точку p.hello, а затем нажать <TAB>, во втором случае можно просто написать класс .hello и будет создан div с этим классом.
Вторая и третья полезные команды - создание сразу нескольких вложенных элементов конструкциями div>p и p*3 соответственно
Если есть необходимость, можно даже сразу подставить демо-данные.
Ну и конечно, мы можем создавать элементы рядом😊
В завершении, мало ли кто не знает, можно сразу сгенерить шаблон нашей страницы используя команду !html.
Как-то так. Теперь создавать длинные списки не так долго и скучно, как раньше.
Полная версия команд доступна по ссылке - https://docs.emmet.io/cheat-sheet/