Время для прочтения: 1 мин. 32 сек.

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

Пошерить
Плюсануть
Отправить
Вотсап

WordPress Digest Мой канал в Телеграм, посвящённый WordPress

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

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

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

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

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

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

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

1. Нажимая на кнопку "Отправить", я даю согласие на обработку персональных данных.

2. Для вставки кода используйте специальные теги [code lang="php"]ваш код[/code]