Для VScode есть такой плагин
eCSStractor, который умеет превращать вот такой код:
<body>
<header class="header">
<div class="container">
<div class="header__top">
<div class="header__section">
<div class="logo">
<a href="#" class="logo__link">
<img class="logo__img" src="logo/images/logo.svg" alt="logo">
</a>
</div>
</div>
</div>
</div>
</header>
</body>
в код SCSS с комментариями:
.header {
// .header__top
&__top {}
// .header__section
&__section {}
}
.container {
}
.logo {
// .logo__link
&__link {}
// .logo__img
&__img {}
}
Как сделать так чтобы уже написанные стили для классов форматировались в такой вид, как это делает eCSStractor?
То есть как к классам scss/sass автоматически добавить комментарии с их полными классами?
Есть ли уже готовый плагин для VScode, который умеет это делать с уже написанным scss без комментариев?
Простой
