Языки
Обзор
JavaScript
JSON
HTML
CSS, Sass and Less
TypeScript
Markdown
PHP
Python
Go
Dockerfile
T-SQL
C#
C++
Node.js / JavaScript
Node.js руководство
Node,js отладка
Node.js деплой
React руководство
Angular руководство
Расширения
Создание расширений
Обзор
Генератор расширений
Пример - Hello World
Пример - Word Count
Пример - Language Server
Пример - Debuggers
Темы, сниппеты и оформление
Доп. примеры
Запуск и отладка расширений
Публикация расширений
Тестирование расширений
Расширяемость
Обзор
Принципы и шаблоны
Руководство по яз. расширениям
Расширения - таблица
Важные точки
События активации
Пространство имен
Комплексные команды
Отладка API
Управление и контроль
Другое
Ядро .NET
Unity Development
Office Add-ins
Цветные темы позволяют изменять цвет фона, текста и языка синтаксиса VS Code в соответствии с вашими предпочтениями и рабочей средой. VS Code поддерживает светлые, темные и высококонтрастные темы.
Текущая цветовая тема сконфигурирована в настройках.
// Указывает цветовую тему, используемую в рабочей среде.
"workbench.colorTheme": "Default Dark+"
Однако нет необходимости редактировать настройки напрямую. С помощью Color Theme Picker проще просмотреть и выбрать тему.
Совет: По умолчанию тема настраивается в пользовательских настройках и применяется ко всем рабочим пространствам. Но вы также можете настроить тему для конкретной рабочей области. Для этого задайте тему в настройках рабочей области.
В VS Code есть несколько готовых цветовых тем, которые вы можете попробовать.
Сообщество добавило еще много тем, которые были добавлены сообществом VS Code Расширения Marketplace. Если вы найдете тот, который хотите использовать, установите его и перезапустите VS Code, и новая тема будет доступна.
Совет: Чтобы найти темы, введите 'theme' в поле поиска в расширениях (Ctrl + Shift + X).
Вы также можете напрямую просмотреть сайт VS Code Marketplace, чтобы найти доступные темы.
Примечание: поддерживается в VS Code версии 1.12 или выше.
Вы также можете настроить свою активную цветовую тему с помощью пользовательской настройки workbench.colorCustomizations. Вы можете установить цвета элементов интерфейса VS Code, таких как список и деревья (проводник файлов, виджет предложений), редактор diff, панель активности, уведомления, полоса прокрутки, разделенный вид, кнопки и многое другое.
Вы можете использовать автодополнение при настройке значений workbench.colorCustomizations или, для списка всех настраиваемых цветов, см. Справочная информация по цвету.
Вы можете добавить существующие цветовые темы TextMate (.tmTheme) в VS Code. Например, на сайте цвета Sublime есть сотни доступных тем TextMate. См. Добавление новой темы в раздел Расширение автозапуска.
Темы значков файлов могут быть добавлены расширениями и выбраны пользователями как их любимый набор значков файлов. Значки файлов отображаются в Проводнике файлов и заголовках с вкладками.
Текущая тема значков файлов сохраняется в ваших пользовательских настройках.
// Указывает тему значка, используемую в рабочем месте.
"workbench.iconTheme": null
Нет необходимости редактировать файл settings.json напрямую. Для просмотра и выбора темы лучше использовать элемент Значок темы.
По умолчанию не установлен набор значков файлов, поэтому в Проводнике нет значков. После выбора темы значка выбранная тема будет запомнена и снова установлена, когда VS Code будет запущен в следующий раз.
VS Code поставляется с двумя темами значков: Minimal и Seti. Чтобы установить другие темы значков, выберите пункт Найти больше в Marketplace ... в подборке тем для значков.
Вы также можете напрямую просмотреть сайт VS Code Marketplace, чтобы найти доступные темы.
Вы можете создать свою собственную тему значков файлов из значков (предпочтительно SVG), см. Раздел Добавление новой темы значка в разделе Создание расширений.
Темы - это всего лишь один способ настроить VS Code. Если вы хотите узнать больше о настройке и расширении VS Code, попробуйте следующие темы: