Как в VS Code скопировать классы из html и перенести в css c помощью плагина?

Очень часто пользуюсь этим плагином. Рассказываю как.

Для этого есть чудесный плагин в VS code, называет он eCSStractor for VSCode

Добавляете этот плагин, в поисковой строке достаточно даже первых 4 букв, и он сразу найдет его. Остается только нажать на install и он добавится в вашу библиотеку расширений.

как установить плагин eCSStractor for VSCode

Как пользоваться

  1. Далее копируем код в html, который нам нужен. У меня в этом примере скопирована секция "page__practice practice".
    копируем код из html
  2. Нажимаем правой мышкой и выбираем eCSStractor Run
    eCSStractor Run
  3. Переходим в стили css и вставляем код. Лучше просто командой Shift + Insert. Но, на всякий случай пишу для новичков все варианты.
    вставляем код
  4. Ну и после этого все классы автоматически вставляются! Круто, правда?
    классы в css
  5. результат