Как копировать все имена классов?
Подскажите, как копировать все имена классов HTML страницы в редакторе VSC? Это необходимо, чтобы закинуть в CSS файл и приступить к стилизации без написания классов.
Отслеживать
47.8k 17 17 золотых знаков 56 56 серебряных знаков 100 100 бронзовых знаков
задан 28 апр 2020 в 9:22
11 4 4 бронзовых знака
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
Единственный вариант — написать свой плагин для VSC, который бы генерировал файл с кучей названий классов из html документа. Но зачем? Эту кучу еще разгребать, быстрее будет классы вручную писать, да и некоторые, возможно, не пригодятся вовсе.
Отслеживать
ответ дан 28 апр 2020 в 16:28
36 2 2 бронзовых знака
есть плагин для этого — eCSStractor for VSCode
Отслеживать
ответ дан 15 сен 2020 в 15:58
65 10 10 бронзовых знаков
И что он делает? Не отвечайте комментарием, вносите правку в ответ, и желательно с коротким примером использования.
15 сен 2020 в 16:23
- html
- css
- visual-studio-code
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Копирование в VS Code css стилей из html файла вставка в css
При написании кода в формате html 5 — css 3 в редакторе кода VS Code есть возможность скопировать класс/классы (насколько мне известно можно сразу несколько) в html файле и скопировать в файл css, но при этом вставлен он будет в формате css файла. То есть, в html файле я выделяю следующие строки:
Предыдущий Следующий Копируя в css файл я получаю
.conteiner < >.row-space-between < >.pagination-btn
Как это можно реализовать?
Отслеживать
122k 24 24 золотых знака 124 124 серебряных знака 299 299 бронзовых знаков
задан 17 дек 2019 в 10:43
1 1 1 золотой знак 1 1 серебряный знак 2 2 бронзовых знака
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
- Установить Class Extractor — расширение для VSCode;
- Выделить HTML;
- Ctrl+Shift+P (или View -> Command Palette. );
- Выполнить команду: Extract CSS classes from HTML;
- Вставить полученное куда необходимо (CSS/LESS/SASS).
Отслеживать
ответ дан 29 дек 2019 в 18:41
Дмитрий Гончар Дмитрий Гончар
11 2 2 бронзовых знака
Какая комбинация клавиш, чтобы вставить этот код в фаил css?
6 июн 2020 в 18:04
В командной строке я прописал npm install -g vsce. После этого у меня сработала комбинация Ctrl+V
Как переносить название классов HTML в CSS?
Я хочу сделать так, чтобы мне не приходилось каждый раз копировать название классов HTML , чтобы вставить в CSS , для прописывания им стилей! Как упростить эту задачу? Как сделать так чтобы я мог сразу много названий классов HTML переносить в CSS ?
Отслеживать
4,448 1 1 золотой знак 14 14 серебряных знаков 27 27 бронзовых знаков
задан 11 фев 2020 в 18:55
vishneviy_per4ik vishneviy_per4ik
1 1 1 серебряный знак 2 2 бронзовых знака
а ты сам подумай. Либо пиши программу, которая это будет делать, либо будь как все и просто переноси.
11 фев 2020 в 18:59
Это как это. Что?)))
11 фев 2020 в 21:13
В брекетс эта опция есть
13 фев 2020 в 10:45
3 ответа 3
Сортировка: Сброс на вариант по умолчанию
Для этого можно использовать специальный плагин Tag. Если что,это метод его установки в Sublime Text 3. 1.Скачиваем сам плагин : http://fls.guru/files/Tag.zip 2.Скачаный архив нужно распаковать в следующую папку: C:\users\Твоё имя пользователя\AppData\Roaming\Sublime Text 3\Packeges 2.a) Важно!!Проверяем, чтобы в папке Tag находились именно файлы, а не еще одна папка Tag. В противном случае вытягиваем папку Tag с файлами непосредственно в папку Packeges. Лишнюю (пустую) удаляем. 3.И биндим клавиши для удобной работы: Preferences->Key bindings
И если вам потребуется перенести классы элементов из html документа в CSS,то выделяете всё конструкцию,а не только класс, переходите в CSS документ и нажимаете Ctrl+v
Отслеживать
ответ дан 16 фев 2020 в 20:56
Назар Тюлюнов Назар Тюлюнов
21 1 1 бронзовый знак
а если нет папки sublime text 3 в том месте где вы указали? C:\users\Твоё имя пользователя\AppData\Roaming\- на этом месте заканчивается этот путь у меня! Сам sublime text 3 я устанавливал несколько раз и все равно ничего не меняется!
Классы из html в css vs code?
All-Autocomplete По идее должен помочь если html и css в одном рабочем окне.
Ответ написан более трёх лет назад
Нравится 4 1 комментарий
agromov91 @agromov91 Автор вопроса
Да, помогло. Спасибо.
Ответы на вопрос 1
yaroslav_void @yaroslav_void
Я использую
HTML to CSS
Ответ написан более трёх лет назад
это не совсем то, а вообще лучше css tractor
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- JavaScript
- +2 ещё
Как настроить отладку в VS Code для chrome?
- 1 подписчик
- 2 часа назад
- 44 просмотра