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

Question

[andead]

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

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

.selector {

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

.selector {
.selector {

А хочется:

.selector,
.selector {

Comments

[Flying]

А можно поинтересоваться зачем это может быть нужно?

[andead]

Flying, чтобы не производить лишние действия - замены скобку на запятую

[Flying]

Я про дублирование селектора как таковое, зачем вам два одинаковых селектора? По самой теме - можно выделить именно селектор, тогда продублируется только выделенная часть: Home, Shift+End, стрелка влево, Ctrl+D, стрелка влево, запятая

[andead]

Flying, два одинаковых конечно незачем, код дублируют (не только css) чтобы подправить новую строку, вместо написания её с нуля. "Home, Shift+End, стрелка влево, Ctrl+D, стрелка влево, запятая" это 6 лишних действий, а хочется одного, но умного.

[freeman0204]

Используйте scss.

[Дмитрий Макаров]

используйие sass,less

[andead]

Как sass научит PhpStorm дублировать строки?

[Дмитрий Макаров]

andead, ну используя не полные пути а вложенные. это избавит от необходимости сего действия.

Answer 1

[pashted]

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

у меня получилось так

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


для универсальности можно в начале вызывать кнопку end, чтобы сделать больше дублей последним макросом, выполнив меньше действий

Answer 2

[profesor08]

Либо макросом как выше, либо используй scss, где подобная необходимость отпадает в принципе.

.my {
  .selector1 {}
  .selector2 {}
}

Comments

[andead]

Есть

.selector-1 {

мне надо по Ctrl+D сделать

.selector-1,
.selector-1 {

Хоть в css, хоть в scss, необходимость осталась.

[NikitaKA]

andead, в scsc и иже с ними таких конструкций нет в принципе, вам пытаются это донести, наверное:

.selector {
&-foo {
&.opened {
...
}
}
}

Вот так решается вашуа проблема без костылей в scss, less, stylus.

[andead]

NikitaKA, я открываю рандомный scss файл например бустрапа и вижу кучу селекторов через запятую. У меня нет проблемы, я ищу плагин для PhpStorm, который упростит дублирование селекторов в CSS.

[profesor08]

andead, нету такого, забинди на другую кнопку макрос постом выше.

[profesor08]

andead, выделяешь текст селектора без скобки, жмешь ctrl + d, потом стрелку влево и ставишь запятую.

[andead]

profesor08, спасибо кэп