0

Кто работал с Brackets (текстовый редактор для веб-разработчиков), сталкивался в нем с Live Preview который помогает в разработке real-time редактировать css свойства и видеть его изменение в chrom'e. И также второй инструмент CSS Peek который позволяет наведя курсор на контейнер div с классом .content и нажав Ctrl+E и если у .content прописаны стили в css файле проекта, редактировать свойства в маленьком выпадающем окошке в HTML файле не переходя в сам файл css . В скринах будет пример поведение CSS Peek. Если такие расширения в VSCode , кто знает поделитесь плиз. Это помогает писать разметку пример функционала в Brackets

1
  • Для просмотра изменений, сделанных в простом html - проекте, есть расширение GoLive. Про стили - не знаю, расширение, которое Вы описали - это прямо то, чего не хватает. Если такого нет - его нужно срочно написать! :-)
    – S.H.
    26 фев 2021 в 18:24

1 ответ 1

0

Я проверил - есть такое расширение для VSC, называется ровно так же - CSS Peek.

Не могу сказать, насколько оно хуже или лучше, чем то, которое показано на картинке.

Судя по строчкам в описании -

Peek: load the css file inline and make quick edits right there. (Ctrl+Shift+F12)

Go To: jump directly to the css file or open it in a new editor (F12)

Hover: show the definition in a hover over the symbol (Ctrl+hover)

оно функционально должно делать то же самое.

Выглядит примерно так:

картинка из их гитхаба

А для просмотра изменений есть расширание GoLive - вроде бы, простой HTTP - сервер, который вешается на 5500 порт и показывает все изменения в проекте - перезагружает страницу само, после того, как в проект внесены изменения.

Ваш ответ

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

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