Установка Zen Coding в PhpStorm под Linux

В последних версиях 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)

IDE PhpStorm WebStorm

Если у вас возникают какие-либо вопросы по редактору блоков Gutenberg, залетайте в наш ванильный русскоязычный чат по Gutenberg в Telegram.

Автор: Кобзарёв Михаил

Русский разработчик со стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Joomla, Drupal.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.