Работая в VS Code полезно иметь инструменты для упрощения работы. Мы собрали популярные расширения, которые помогут вам. Надеюсь.

Tabnine AI

Поможет сократить время благодаря нейросетевому дополнению кода.

Видео с работой плагина

Auto Rename Tag

Такой простой, но нужный плагин. Автоматическое переименование парных тегов в HTML и JSX. Меняете открывающий тег → меняется и закрывающий.

Видео с работой плагина

CSS Peek

Позволяет быстро просматривать CSS-правила, применяемые к различным HTML-элементам. Достаточно кликнуть правой кнопкой мыши на селектор в вашем HTML файле и воспользоваться функцией Перейти к определению или Подсмотреть определение.

Видео с работой плагина

Code Runner

Благодаря плагину вы сможете запустить код или сниппет на многих языках. Например, C, C++, Java, JavaScript, PHP, Python.

Видео с работой плагина

Colorize

Поможет визуализировать цвета CSS в файлах. Поддерживает CSS-переменные, HSL, RGB/RGBA и HEX-цвета.

Видео с работой плагина

Icon Fonts

Фрагменты популярных иконочных шрифтов. Например: Font Awesome, Ionicons, Glyphicons, Octicons, значки Material Design.

Видео с работой плагина

Live Server

Автоматически перезагружает страницу после изменений в JavaScript-коде, CSS и HTML-разметке.

Видео с работой плагина

Code Time

Отслеживайте прямо в редакторе время написания кода, время встреч, добавив свои данные из Outlook или Google-календаря и тогда всё будет в одном календаре. Наглядно увидите границу между работой и личной жизнью, возможно, стоит уделять работе поменьше времени и отдыхать.

Функции плагина

Больше штук для VS Code: