Подстраиваем WebStorm для быстрой HTML-верстки.

Продолжаю осваивать продвинутый CSS редактор WebStorm. Теперь могу сказать что точно не откажусь от него в дальнейшем. Сейчас вышла версия 3.0 и он его не плохо причесали. Убрали то что мне не нравилось ранее.

Основные настройки здесь вообщем типичны и всем уже знакомы, типо живых шаблонов, встроенный zencoding, это уже все знают, а вот какую функцию для себя реализовал. Давно замечал что когда пишешь CSS правила часто приходится на следующей строке развивая иерархию повторять название заданных классов, например:

.left .menu .in {…}

.left .menu .in a {…}

и т.д.

Так вот, всегда напрашивалась возможность редактора копирывать заданные классы их предыдущей строки. Наконец-то в WebStorm удалось реализовать мне такую фукцию. Использывал для этого возможность редактора записывать и запускать потом макросы.

Рассказываю поэтапно как это сделать.

1. Набираем:

.head {color:red;}

2. Убедитесь что курсор стоит после закрывающейся скобки, выбераем в меню Edit->Macros->Start Recording, нажимаем красную кнопку запуска записи.

3. Нажимаем ctrl+{

4. Нажимаем shift+home

5. Нажимаем ctrl+c

6. Нажимаем end

7. Нажимаем enter

8. Нажимаем ctrl+v

9.  В правом нижнем углу нажмити стоп записи и задайте имя для созданного макроса, также можно сразу задать клавишу его быстрого запуска. Я определил ctrl+;

Все, теперь когда вы написали очередное CSS правило нажмите ctrl+; и на новой строке появиться копия классов для которых вы только что задали определение.

По моему круто.

Еще по этой теме:

• Лучший редактор для CSS верстки