После определенного опыта работы я составил для себя список хороших плагинов для верстки в VS code. Хочу поделиться ими с вами :)
Live server
Он будет вашим попутчиком на протяжении всего вашего пути. С его помощью вы можете моментально видеть изменения на странице вашего сайта. Также, если вы используете в своем стеке PHP, данный плагин будет выступать в качестве локального сервера, необходимого для работы с этим языком.
Emmet
Для верстальщика этот плагин — находка. С его помощью одним кликом можно создать базовую структуру страницы (вместе с основными тегами в <head>), быстро создать определенное количество элементов и блоков на странице и еще разные плюшки :) Окажется полезен при работе как в HTML-документе, так и в CSS.
eCSStractor
Облегчает работу с классами в CSS. С его помощью вы можете выделить хоть весь HTML-документ, а eCSStractor автоматически «вытащит» оттуда классы, которые вы установили к блокам и элементам на странице. Вам остается только нажать Ctrl + V в CSS-файле.
Image Preview
С помощью этого плагина будет легко понять, если набирая адрес изображения, вы где-то ошиблись. Он выводит это изображение слева маленьким размером, если же что то не так — изображение не появится.
Indent rainbow
Позволяет видеть отступы разными цветами, благодаря ему намного легче ориентироваться в документе, а также форматировать его. Можно все оставить по дефолту, а можно настроить все на свой вкус.
Надеюсь, статья была полезной :) приятной работы!
Читайте также: Как настроить VS Code для разработки на PHP и JavaScript
