andead
@andead
друпал девелопер

Умное дублирование строки с селектором в CSS (PhpStorm/WebStorm)?

В PhpStorm/WebStorm есть стандартный хоткей Ctrl+D для дублирования строки. Есть ли плагин для умного дублирования строки с селектором в CSS, т.е. замены скобки на запятую?

Например есть код:

.selector {

Если нажать Ctrl+D, то получится:

.selector {
.selector {


А хочется:

.selector,
.selector {
  • Вопрос задан
  • 960 просмотров
Решения вопроса 1
pashted
@pashted
тыжпрограммист
1. ставите курсор после скобки
2. Edit -> Macros -> Start Macro Recording
3. с клавиатуры приводите все в вид, как вы хотите (например, при помощи стрелок и ctrl+d ) и возвращаете курсор на место (стрелками).
4. сохраняете макрос Edit -> Macros -> Stop Macro Recording (или красная кнопка справа внизу) с каким-нибудь осмысленным названием.
5. находите в настройках Keymap раздел по фразе macro и назначаете клавишу (например ctrl+alt+d) на новый макрос.
6. пользуетесь

у меня получилось так5c9775a946271717125619.png

или вот так, с автовыделением продублированного селектора
5c9776f7b2120711549126.png

для универсальности можно в начале вызывать кнопку end, чтобы сделать больше дублей последним макросом, выполнив меньше действий
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
profesor08
@profesor08
Либо макросом как выше, либо используй scss, где подобная необходимость отпадает в принципе.
.my {
  .selector1 {}
  .selector2 {}
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Aristos Москва
от 120 000 до 150 000 руб.
IQ System Москва
До 130 000 руб.
Водопад Санкт-Петербург
от 90 000 до 100 000 руб.
17 июн. 2019, в 15:31
6000 руб./за проект
17 июн. 2019, в 15:25
200 руб./в час
17 июн. 2019, в 15:21
2000 руб./за проект