Visual Studio Code — преимущества и расширения

Бесплатный текстовый редактор Visual Studio Code был создан компанией Microsoft, и он является одним из самых востребованных на рынке. Я расскажу про известные настройки интерфейса, которые одновременно преподносят и преимущества.

В текстовом редакторе можно установить дополнительные расширения или extensions для более удобного написания кода.
Какие из них рекомендуются:

• Vscode-icons — визуально более наглядные иконки у файлов
• Material theme — побольше выбора цвета темы
• Material icons — дополнительно иконки к файлам
• Bracket pair colorizer 2 — подсветка кода
• Auto rename tag — переименование закрывающего тега происходит автоматически, например, меняете h2 на h1, и его закрывающий тег сразу станет h1. Еще удобство — при написании открывающего тега появляется и закрывающий.
• Prettier — Code formatter — форматируют код при сохранении. Например, настраивает отступы, делая код более удобным для чтения. Можно убрать точку с запятой, так как в JavaScript они необязательны.
• Live Server — после сохранения кода он автоматически обновляется в браузере, то есть не требуется нажимать кнопку обновить для просмотра результата.
• EditorConfig for VS Code — синхронизация настроек между редакторами и операционными системами для вашего проекта.
• CSS Peek — быстрый просмотр стиля у определенного класса.
• Import Cost — показывает вес модуля, например, для JavaScript.
• Settings Sync — синхронизация настроек Visual Studio Code, например, при смене компьютера.
• CSS Variable Autocomplete — автозаполнение переменных CSS.
• Google Fonts — добавление шрифтов CTRL + Shift + P.
• ESCC Tractor — копирование названий всех селекторов из выделенного кода.
• Simple React Snippets — аббревиатуры для быстрого написания кода.

Я рассказал про некоторые расширения этого текстового редактора. Подписывайтесь также и на мой YouTube канал, там у меня есть разные видео по теме программирования.