andead
@andead
друпал девелопер, фрилансер

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

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

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

.selector {

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

.selector {
.selector {


А хочется:

.selector,
.selector {
  • Вопрос задан
  • 1536 просмотров
Решения вопроса 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 {}
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы