Найти тему
Бородатый Frontender

Топ 12 плагинов в Visual Studio Code Для frontend разработчика

Сегодня буду вещать вам пост полезности, так что не стесняемся, ставим лайки и сохраняем!🤓

........

Итак, погнали ⬇️⬇️⬇️

Beautify - облегчает чтение HTML, CSS и JS путем применения подходящих отступов в вашей разметке.

Rainbow Brackets - подсвечивает текущий набор скобок, в котором вы находитесь, а для лучшего определения местоположения еще и расцвечивает прочие скобки в другие цвета. Считаю это прекрасным расширением VS Code для JS-разработчиков.

Guides - теперь вам не нужно закрывать и открывать заново все элементы для определения их вложенности. Этот инструмент особенно хорошо работает с уже упомянутым Beautify и Rainbow Brackets.

Image Preview - предоставляет возможность предпросмотра изображения при наведении курсора. Это позволяет легко проверить, на правильное ли изображение поставлена ссылка.

CSS Peek - переход к CSS-свойствам идентификаторов (id) и классов непосредственно из файлов HTML. Поддерживает переключение как между файлами, так и быстрый переход из одного в другой..

Live Server - лучший локальный сервер разработки с функцией живой перезагрузки для статических и динамических страниц

Spell Right - плагин для проверки орфографии, в том числе поддерживает русский язык.

Prettier - Оно помогает форматировать JavaScript-код, что позволяет поддерживать единообразие кодовой базы и улучшает читабельность программ. 

ESLint - это JavaScript плагин, которые показывает сообщение об ошибке в вашем js коде прямо в редакторе и там же предлагаются средства, которые позволяют быстро исправлять ошибки.

All Autocomplete - данный плагин предлагает вам выбрать тэги или стили для более быстрого их написания по первым буквам введеным вами в редакторе.

Autoprefixer - помогает расставлять префиксы в css.

Если вы используете какие-либо еще удобными расширения, то не будте жмотами и поделитесь ими в комментариях. 

Будем делать мой блог полезным для нас всех 💪🏽

P.S. И лайки ребят ЛАЙКИ, чтобы эти полезные штуки могли увидеть все 😉