В последних версиях WebStorm/PhpStorm появилась возможность быстрого кодинга HTML и CSS, используя Zen Coding.
Чтобы установить плагин Zen Coding для Web IDE/IntelliJ IDEA, посетите страничку проекта Zen Coding, скачайте архив, содержащий шаблоны и распакуйте его в папку:
~/.WebIde10/config/templates
для Mac OS X
~/Library/Preferences/WebIde10/templates
Плагин Zen Coding включает в себя более 200 разнообразных HTML и CSS шаблонов. Чтобы посмотреть их все, откройте Настройки (Ctrl+Alt+S) → Live Templates → Zen Coding.
Для проверки работоспособности введите шаблон:
form.form-comment#comment>fieldset
и нажмите клавишу TAB, результат вас порадует — гарантирую.
Для отключения плагина Zen Coding зайдите в Настройки (Ctrl+Alt+S) → Live Templates → Zen Coding и снимите галочку.
Для подробного изучения Zen Coding посмотрите screencasts на странице проекта Zen Coding и распечатайте себе шпаргалку.
В более новых версиях продукта качать ничего не нужно, так как поддержка Zen Coding есть изначально: Settings → Editor → Smart Keys → XML/HTML → Enable Zen Coding.
Тут же можно выбрать горячую клавишу (Tab, Spacebar, Enter)
Источник: https://www.kobzarev.com/soft/installing-zen-coding-in-phpstorm-under-linux/
