Лучшие плагины в VS Code для начинающих

Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Читать в полной версии →

После определенного опыта работы я составил для себя список хороших плагинов для верстки в VS code. Хочу поделиться ими с вами :)

Live server

Он будет вашим попутчиком на протяжении всего вашего пути. С его помощью вы можете моментально видеть изменения на странице вашего сайта. Также, если вы используете в своем стеке PHP, данный плагин будет выступать в качестве локального сервера, необходимого для работы с этим языком.

Emmet

Для верстальщика этот плагин — находка. С его помощью одним кликом можно создать базовую структуру страницы (вместе с основными тегами в <head>), быстро создать определенное количество элементов и блоков на странице и еще разные плюшки :) Окажется полезен при работе как в HTML-документе, так и в CSS.

eCSStractor

Облегчает работу с классами в CSS. С его помощью вы можете выделить хоть весь HTML-документ, а eCSStractor автоматически «вытащит» оттуда классы, которые вы установили к блокам и элементам на странице. Вам остается только нажать Ctrl + V в CSS-файле.

Image Preview

С помощью этого плагина будет легко понять, если набирая адрес изображения, вы где-то ошиблись. Он выводит это изображение слева маленьким размером, если же что то не так — изображение не появится.

Indent rainbow

Позволяет видеть отступы разными цветами, благодаря ему намного легче ориентироваться в документе, а также форматировать его. Можно все оставить по дефолту, а можно настроить все на свой вкус.

Надеюсь, статья была полезной :) приятной работы!

Читайте также: Как настроить VS Code для разработки на PHP и JavaScript