Есть ли eCSStractor или аналог для Webstorm?

Question

[rudenkoalisey147]

Добрый день. На тостере уже есть похожий вопрос, но он был задан более 3 лет назад, и ответа так и не было на него. Есть ли какой нибудь плагин для Webstorm, чтобы при выделении куска html кода он выстраивал css классы

Пример

Например чтобы из такого кода:

<div class="block">
    <div class="block__image"></div>
    <div class="block__content">
      <div class="block__title"></div>
      <div class="block__text"></div>
    </div>
  </div>

Делал такое:

.block{}
.block__image{}
.block__content{}
.block__title{}
.block__text{}

А в идеале делал под scss:

.block{
  &__image{}
  &__content{}
  &__title{}
  &__text{}
}

Answer 1

[Bohdan Petrov]

Вот это гляньте

Comments

[rudenkoalisey147]

Спасибо за ответ. попробовал данный плагин, работает похожим образом как я описал, но сгенерировал вот так, что не совсем то что мне нужно. А настроек я как понял у него нет

.block {
    .block__image {}
    .block__content {
      .block__title {}
      .block__text {}
    }
  }

[Bohdan Petrov]

rudenkoalisey147, ничего лучше пока нет.
На youtrack висит тема об добавлении этого функционала, но пока никаких сдвигов.

[rudenkoalisey147]

Bohdan Petrov, Спасибо