Установка 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

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

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

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

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

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