Расширения необходимые для работы

в Visual Studio Code
Необходимые расширения для написания html, css, js
Открытие вкладки расширений

Чтобы открыть вкладку расширений в Vs Code требуется нажать сочетание клавиш Ctrl+Shift+X после откроется окно, в котором будут установленные расширенения.

Строка поиска

Поиск расширений осуществляется в строке поиска, указанной на рисунке оранжевой чертой. Дальше представлены 5 основных полезных расширений.

Vs Code Icons

Вне зависимости от языка программирования, на котором пишет специалист, данный плагин может быть полезен в использовании. Он прописывает код иконок для каждого файла, от чего ни одна папка не затеряется и всегда будет понятно, что к чему относится. Этот плагин по сути визуализирует материалы, с которыми работает верстальщик или дизайнер. Ещё одно подобное расширение с иконками для файлов называется Material Icon Theme. Стильные картинки можно подобрать для каждой отдельной категории папок, что облегчает работу с файлами.

Prettier

Кому в работе с кодом не хватает автоматизма, на помощь приходит плагин Prettier. Всё форматирование: отступы, абзацы, заглавные буквы и прочее, уже автоматически выставляется в коде благодаря данному функционалу. Не все плагины visual studio могут похвастаться автоматизацией процесса. А благодаря Prettier код после сохранения остаётся верным и грамотно построенным, даже, если программист чего-то не доглядел.

Live Server

Поиск расширений осуществляется в строке поиска, указанной на рисунке оранжевой чертой.

Bracket Pair Colorizer

Этот плагин очень удобен. Его суть – подсвечивание фигурных скобок. Как бы это не звучало, но данная функция очень удобна, так как разные скобки подсвечиваются разными цветами, а значит, что программист не потеряет две взаимосвязанные скобки. Плагин работает практически на всех языках, кроме Пайтона, но там и скобок нет.

Indent Rainbow

Расширения vscode наподобие этого и предыдущего, делают программирование ярче и интереснее. Данное расширение уже показывает себя из самого названия – радуга. Что даёт расширение? Оно выделяет отступ в коде отдельным цветом. Такое цветовое оформление не даст запутаться ни в одной строке.