Плагин eCSStractor ускоряем верстку в VS Code. Быстрое копирование CSS классов из HTML разметки

↓↓↓ Материалы в описании под видео ↓↓↓

Плагин eCSStractor для VS Code поможет быстро скопировать CSS классы из HTML разметки. Можно использовать горячие клавиши. Как настроить - рассказываю в этом видео.

Код для горячих клавиш в блоге ВебКадеми:

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 14 Октября 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 21 Октября 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

[thebeastd]

{
"key": "ctrl+shift+x",
"command": "extension.ecsstractor_port_run",
"when": "editorTextFocus"
}

[ВасилийЛеонтьев-рч]

Спасибо, что делитесь знаниями и на работками)) Желаю Вам удачи и успехов!

[molniagrom]

Большое спасибо, побольше бы таких как обучающих видеороликов😊

[denismaltsev]

Огромное спасибо Юрий благодаря Вам узнал за такой чудесный плагин )) по больше такой годноты, влепил лайк видосяну и подписался)

[SvitlanaDenisova]

Спасибо за короткое, но такое емкое и понятное объяснение! Лайкос однозначно!

[levelmedia-uf]

Оналогом такого плагина есть плагин "VS HTML to CSS". При этом не нужно ничего настраивать. Достаточно выделить код с классами в html и нажать комбинацию Alt+X. Переходим в css и вставляем через Ctrl+V. Разница лишь в том что eCSStractor может копировать классы и конвертировать их сразу в scss.

[hakeeeem]

автор поленился скинуть заготовку
ловите
"key": "ctrl+shift+x",
"command": "extension.ecsstractor_port_run",
"when": "editorTextFocus"

[Gazovchik]

It was just awesome!!
Thank you!!

Аll the best in your studies! peace and goodness!

[ЮрийВеригин-уэ]

То что искал. Огромное спасибо за информацию. 🔥👍

[---lsst]

Спасибо!!! Давно такую магию хотела!!!😊

[Birdyk-qrsx]

Спасибо, помогли, контент очень приятно смотреть

[July-beauty]

Спасибо за видео!Очень полезный плагин!

[milyovatatiana]

Спасибо, это очень ускоряет время разработки. Лайк

[КамКК]

Спасибо за видео, установила нужный плагин, все как по видео сделала, но возникла такая проблема, суть:
1.Копирую текст в HTML
2 .нажимаю сочетание клавиш Ctrl+Shift+X в Windows ( комментарий о копирование появляется)
Пытаюсь вставить код нажимая Ctrl+V в CSS но по факту ничего и не вставляется, словно буфер в буфере обмена ничего и нет.
Возможно кто-то сталкивался с этим?
Максимум, что смогла сделать это поменяла в настройках clipboard на tab? но в этом случае копируется и открывается в новом окне, не очень удобно, так как приходится ещё раз копировать.
Может есть решение проще??

[pt]

спасибо!.вы очено помогли...хорошее решение

[aharito]

У меня он не работает для модификаторов ключ+значение, например btn_size_lg. Как с этим у вас?

[ТимофейЛогинов-чи]

command not found - у кого такая ошибка - у вас установлена не та версия ecsstractor. Найдите и установите самую популярную.

[ВладимирК-ьг]

HTML to CSS autocompletion - это лучше. Подсказывает заданные классы в css файле