Visual Studio Code Docs Ru

Обзор

Установка

Обзор

Linux

Mac

Windows

Доп. компоненты

Быстрый старт

Вводные видео

Интерфейс

Темы

Настройки

Горячие клавиши

Язык интерфейса

Руководство пользователя

Базовое редактирование

Расширения Marketplace

Автодополнение

Код навигатор

Отладка

Управление версиями

Встроенный терминал

Задачи

Создание своих сниппетов

Командная строка

Доступность

Языки

Обзор

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 проще просмотреть и выбрать тему.

 

  1. Откройте панель выбора цветов в меню Файл > Настройки > Цветная тема. (Код > Настройки > Цветная тема на Mac)
  2. Используйте клавиши курсора, чтобы просмотреть цвета темы.
  3. Выберите нужную тему и нажмите Enter.

Совет: По умолчанию тема настраивается в пользовательских настройках и применяется ко всем рабочим пространствам. Но вы также можете настроить тему для конкретной рабочей области. Для этого задайте тему в настройках рабочей области.

Цветовые темы из Marketplace

В 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

Вы можете добавить существующие цветовые темы TextMate (.tmTheme) в VS Code. Например, на сайте цвета Sublime есть сотни доступных тем TextMate. См. Добавление новой темы в раздел Расширение автозапуска.

Темы иконок

Темы значков файлов могут быть добавлены расширениями и выбраны пользователями как их любимый набор значков файлов. Значки файлов отображаются в Проводнике файлов и заголовках с вкладками.

Выбор темы значков файлов

Текущая тема значков файлов сохраняется в ваших пользовательских настройках.

 // Указывает тему значка, используемую в рабочем месте.

  "workbench.iconTheme": null

Нет необходимости редактировать файл settings.json напрямую. Для просмотра и выбора темы лучше использовать элемент Значок темы.

 

  1. Откройте выбор значка темы с помощью Файл > Настройки > Значок значка файла. (Код > Настройки > Тема значка файла на Mac)
  2. Используйте клавиши курсора для предварительного просмотра значков темы.
  3. Выберите нужную тему и нажмите Enter.

 

По умолчанию не установлен набор значков файлов, поэтому в Проводнике нет значков. После выбора темы значка выбранная тема будет запомнена и снова установлена, когда VS Code будет запущен в следующий раз.

 

VS Code поставляется с двумя темами значков: Minimal и Seti. Чтобы установить другие темы значков, выберите пункт Найти больше в Marketplace ... в подборке тем для значков.

 

Вы также можете напрямую просмотреть сайт VS Code Marketplace, чтобы найти доступные темы.

Создание собственной темы значков файлов

Вы можете создать свою собственную тему значков файлов из значков (предпочтительно SVG), см. Раздел Добавление новой темы значка в разделе Создание расширений.

Следующие шаги

Темы - это всего лишь один способ настроить VS Code. Если вы хотите узнать больше о настройке и расширении VS Code, попробуйте следующие темы:

 

  • Настройки - Узнайте, как настроить VS Code в соответствии с вашими предпочтениями с помощью настроек пользователя и рабочей области.
  • Сниппеты - добавьте дополнительные сниппеты в ваш любимый язык.
  • Расширение Visual Studio Code - Узнайте о других способах расширения VS Code.
  • Темы, сниппеты и оформление - вы можете создавать темы, сниппеты и языковые настройки для использования в VS Code.