How to copy all html classes to scss?

Question

webstorm

How from this

<div class="tooltip">
    <div class="tooltip__wrapper">
      <div class="tooltip__content">
        <span class="tooltip__text">
         текст
        </span>
        <button type="button" class="tooltip__close">
        </button>
      </div>
    </div>
  </div>

get it

.tooltip{
  &__wrapper{}

  &__content{}
  &__text{}
  &__close{} 
}

there is in phpstorm the creation of a vue component from a selected piece of html

Answer 1

For your IDE, there seems to be a MarkupToSCSS plugin ( https://plugins.jetbrains.com/plugin/8267-markup-t... ), I, for example, use eCSStractor in VSCode, which is analogous.

Answer 2

Is there such a layout tool?