0

При написании кода в формате html 5 - css 3 в редакторе кода VS Code есть возможность скопировать класс/классы (насколько мне известно можно сразу несколько) в html файле и скопировать в файл css, но при этом вставлен он будет в формате css файла. То есть, в html файле я выделяю следующие строки:

<div class="conteiner">
        <div class="row-space-between">
            <a href="#" class="pagination-btn">Предыдущий</a>
            <a href="#" class="pagination-btn">Следующий</a>
        </div>
</div>

Копируя в css файл я получаю

.conteiner{

}

.row-space-between{

}

.pagination-btn{

}

Как это можно реализовать?

2 ответа 2

1
  • Установить Class Extractor - расширение для VSCode;
  • Выделить HTML;
  • Ctrl+Shift+P (или View -> Command Palette...);
  • Выполнить команду: Extract CSS classes from HTML;
  • Вставить полученное куда необходимо (CSS/LESS/SASS).
2
  • Какая комбинация клавиш, чтобы вставить этот код в фаил css?
    – AlexRow
    6 июн 2020 в 18:04
  • В командной строке я прописал npm install -g vsce. После этого у меня сработала комбинация Ctrl+V
    – AlexRow
    6 июн 2020 в 18:24
1

Плагин eCSStractor for VSCode)

1
  • пожалуйста, постарайтесь оставлять чуть более развёрнутые ответы. дополнить ответ можно, нажав править 8 июл 2020 в 0:03

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.