Подстраиваем 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+; и на новой строке появиться копия классов для которых вы только что задали определение.
По моему круто.
