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

В последних версиях WebStorm/PhpStorm появилась возможность быстрого кодинга HTML и CSS, используя Zen Coding.

Чтобы установить плагин Zen Coding для Web IDE/IntelliJ IDEA, посетите страничку проекта Zen Coding, скачайте архив, содержащий шаблоны и распакуйте его в папку:

[code]
~/.WebIde10/config/templates
[/code]

для Mac OS X

[code]
~/Library/Preferences/WebIde10/templates
[/code]

Плагин Zen Coding включает в себя более 200 разнообразных HTML и CSS шаблонов. Чтобы посмотреть их все, откройте Настройки (Ctrl+Alt+S) → Live Templates → Zen Coding.

Для проверки работоспособности введите шаблон:

[code]
form.form-comment#comment>fieldset
[/code]

и нажмите клавишу 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)

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

  • Я тоже про первую.

    • В моем билде (PS-95.192) этого не было, поэтому ставил руками. Александр, спасибо за замечание.

  • Про какую версию говорим? Я про 1ю. Описание — перевод официальной страницы. Или я что-то не правильно понял.

  • Ничего не надо устанавливать. Там своя реализация.