Как изменить цвет текста в Visual Studio 2019

Обновлено: 06.07.2024

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

JetBrains Rider позволяет выбирать между настраиваемыми цветовыми схемами, определяющими цвета и шрифты, используемые в тексте IDE.

Цветовая схема — это не то же самое, что тема интерфейса, которая определяет внешний вид окон, диалоговых окон и элементов управления.

Вы можете использовать предустановленную цветовую схему или настроить ее по своему вкусу. Также можно обмениваться схемами.

Выберите цветовую схему

Нажмите Ctrl+Alt+S, чтобы открыть настройки IDE, и выберите Редактор | Цветовая схема.

Используйте список "Схема", чтобы выбрать цветовую схему.

По умолчанию существуют следующие предустановленные цветовые схемы:

Классический свет: разработан для тем интерфейса macOS Light и Windows 10 Light

Darcula: разработан для темы интерфейса Darcula

Высокая контрастность: разработано для темы интерфейса "Высокая контрастность" (рекомендуется для пользователей с нарушением зрения)

IntelliJ Light: разработан для темы интерфейса IntelliJ Light

ReSharper Dark: предназначен для пользователей, которые работали с JetBrains ReSharper в темной теме Visual Studio.

ReSharper Light: предназначен для пользователей, которые работали с JetBrains ReSharper в светло-голубой теме Visual Studio.

Visual Studio Light: предназначен для пользователей, которые работали со светлой/синей темой в Visual Studio.

Visual Studio Dark: предназначен для пользователей, которые работали с темной темой в Visual Studio.

Если вы установите подключаемый модуль с цветовой схемой, эта схема будет добавлена ​​в список предопределенных схем. Дополнительную информацию см. в разделе Общий доступ к цветовым схемам.

Настроить цветовую схему

Вы можете настроить предустановленную цветовую схему, но рекомендуется создать дубликат для собственных настроек цвета и шрифта:

Дублировать цветовую схему

Нажмите Ctrl+Alt+S, чтобы открыть настройки IDE, и выберите Редактор | Цветовая схема.

Выберите цветовую схему, нажмите , а затем нажмите Дублировать… .

(Необязательно) Чтобы переименовать пользовательскую схему, нажмите и выберите «Переименовать…».

Предустановленные цветовые схемы выделены жирным шрифтом. Если вы настроите предустановленную цветовую схему, она будет отображаться синим цветом. Чтобы восстановить настройки по умолчанию для предопределенной цветовой схемы, нажмите и выберите «Восстановить настройки по умолчанию» . Вы не можете удалить стандартные цветовые схемы.

Чтобы определить настройки цвета и шрифта, откройте Редактор | Страница цветовой схемы настроек IDE Ctrl+Alt+S . Настройки в редакторе | Цветовая схема разделена на разделы. Например, раздел «Общие» определяет основные цвета редактора, такие как поле, номера строк, ошибки, предупреждения, всплывающие окна, подсказки и т. д. Раздел Language Defaults содержит общие настройки подсветки синтаксиса, которые по умолчанию применяются ко всем поддерживаемым языкам программирования. В большинстве случаев достаточно настроить параметры языка по умолчанию и при необходимости внести коррективы для конкретных языков. Чтобы изменить унаследованные настройки цвета для элемента, снимите флажок Наследовать значения от.

Раздел

Поделиться цветовыми схемами

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

Экспорт цветовой схемы в формате XML

JetBrains Rider может сохранять настройки цветовой схемы в виде XML-файла с расширением .icls. Затем вы можете импортировать файл в другую установку.

Нажмите Ctrl+Alt+S, чтобы открыть настройки IDE, и выберите Редактор | Цветовая схема.

В списке «Схема» выберите цветовую схему, нажмите , затем нажмите «Экспорт» и выберите цветовую схему IntelliJ IDEA (.icls) .

Укажите имя и расположение файла и сохраните его.

Экспортировать цветовую схему как плагин

Подключаемый модуль можно загрузить в репозиторий подключаемых модулей, чтобы другие могли его установить. Этот формат имеет ряд преимуществ по сравнению с файлом XML, включая метаданные, отзывы, статистику загрузки и управление версиями (при загрузке новой версии подключаемого модуля пользователи будут уведомлены об этом).

Нажмите Ctrl+Alt+S, чтобы открыть настройки IDE, и выберите Редактор | Цветовая схема.

В списке «Схема» выберите цветовую схему, нажмите , затем нажмите «Экспорт» и выберите «Плагин цветовой схемы .jar» .

В диалоговом окне «Создать подключаемый модуль цветовой схемы» укажите сведения о версии и поставщике. Затем нажмите ОК .

При установке подключаемого модуля с цветовой схемой эта схема будет добавлена ​​в список предопределенных схем.

Импорт цветовой схемы

Нажмите Ctrl+Alt+S, чтобы открыть настройки IDE, и выберите Редактор | Цветовая схема.

В списке «Схема» выберите цветовую схему, нажмите , затем нажмите «Импортировать схему» .

Шрифты

Чтобы настроить шрифт по умолчанию, откройте Редактор | Страница шрифтов настроек IDE Ctrl+Alt+S . Этот шрифт используется и наследуется во всех цветовых схемах по умолчанию. Дополнительную информацию см. в разделе Шрифт.

JetBrains Rider может использовать любой шрифт, доступный в вашей операционной системе. Чтобы добавить в список другой шрифт, установите его в операционной системе или в используемой среде выполнения Java, запустив JetBrains Rider.

Настроить шрифт цветовой схемы

Вы можете установить другой шрифт для текущей схемы.

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

Нажмите Ctrl+Alt+S, чтобы открыть настройки IDE, и выберите Редактор | Цветовая схема | Шрифт цветовой схемы .

Установите флажок Использовать шрифт цветовой схемы вместо стандартного.

Настроить шрифт консоли

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

Нажмите Ctrl+Alt+S, чтобы открыть настройки IDE, и выберите Редактор | Цветовая схема | Консольный шрифт .

Установите флажок Использовать консольный шрифт вместо стандартного.

Советы по продуктивности

Просмотр настроек цветовой схемы для текущего символа

Поставьте курсор на нужный символ, нажмите Ctrl+Shift+A , найдите действие Перейти к цветам и шрифтам и выполните его.

Откроются соответствующие настройки цветовой схемы для символа под курсором.

Просмотрите, какие шрифты сейчас используются в редакторе

Нажмите Ctrl+Shift+A , найдите действие Показать шрифты, используемые редактором, и выполните его.

Откроется диалоговое окно «Шрифты, используемые в редакторе» со списком шрифтов.

Действия «Перейти к цветам и шрифтам» и «Показать шрифты, используемые редактором» не имеют ярлыка по умолчанию. Чтобы назначить ярлык для действия, выберите его во всплывающем окне «Найти действие» и нажмите Alt+Enter .

Вы можете изменить начертание шрифта по умолчанию, отрегулировать размер шрифта и изменить цвета переднего плана и фона для различных элементов отображения текста в редакторе кода. При изменении настроек шрифта помните о следующей информации:

Параметры шрифта и размера являются глобальными для всех текстовых элементов во всех редакторах Visual Studio.

Имена шрифтов фиксированной ширины выделены жирным шрифтом.

Параметры переднего плана элемента, фона элемента и жирного шрифта можно установить для каждого типа текстового элемента. Например, если вы измените цвета и выберете жирный шрифт для комментариев и закладок, это не повлияет на другие типы текстовых элементов.

Чтобы узнать, как настраивать шрифты и цвета для IDE, а не только для редактора кода, см. страницу Как изменить шрифты и цвета в Visual Studio.

Изменить начертание, размер и цвет шрифта по умолчанию

Выберите «Параметры» в меню «Инструменты». В разделе "Среда" выберите "Шрифты и цвета".

В разделе "Показать настройки для" выберите "Текстовый редактор".

Снимок экрана диалогового окна

Измените параметры "Шрифт" и "Размер", чтобы изменить начертание и размер шрифта для всех текстовых элементов во всех редакторах.

Выберите соответствующий элемент в разделе Отображать элементы, а затем измените параметры Передний план элемента и Фон элемента.

Нажмите «Использовать настройки по умолчанию», чтобы восстановить настройки по умолчанию.

Выберите ОК.

Выберите «Параметры» в меню «Инструменты». В разделе "Среда" выберите "Шрифты и цвета".

В разделе "Показать настройки для" выберите "Текстовый редактор".

Снимок экрана диалоговое окно

Измените параметры "Шрифт" и "Размер", чтобы изменить начертание и размер шрифта для всех текстовых элементов во всех редакторах.

Выберите соответствующий элемент в разделе Отображать элементы, а затем измените параметры Передний план элемента и Фон элемента.

Нажмите «Использовать настройки по умолчанию», чтобы восстановить настройки по умолчанию.

Нажмите "ОК".

Дальнейшие шаги

Дополнительные сведения об изменениях шрифта и цвета, которые можно внести в среду IDE с помощью диалогового окна "Параметры", см. на странице "Шрифты и цвета, среда, диалоговое окно параметров".

Вы можете изменить шрифты и цвета в Visual Studio несколькими способами. Например, вы можете изменить темную тему по умолчанию (также называемую «темным режимом») на светлую тему, синюю тему, сверхконтрастную тему или тему, которая соответствует настройкам вашей системы. Вы также можете изменить шрифт и размер текста по умолчанию как в интегрированной среде разработки, так и в редакторе кода.

Посмотрите запись блога Мы обновили пользовательский интерфейс в Visual Studio 2022, чтобы узнать больше о тонких настройках коэффициента цветовой контрастности и новом шрифте Cascadia Code, который мы добавили, чтобы сделать Visual Studio более доступной для всех.

Вы можете изменить шрифты и цвета в Visual Studio разными способами. Например, вы можете изменить синюю цветовую тему по умолчанию на темную тему (также называемую «темным режимом»). Вы также можете выбрать дополнительную контрастную тему, если она лучше всего соответствует вашим потребностям. Кроме того, вы можете изменить шрифт и размер текста по умолчанию как в интегрированной среде разработки, так и в редакторе кода.

Изменить цветовую тему

Вот как изменить цветовую тему рамки IDE и окон инструментов в Visual Studio.

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите «Среда» > «Общие».

В списке цветовых тем выберите темную тему по умолчанию, светлую тему, синюю тему или синюю тему (дополнительный контраст).

Вы также можете выбрать тему, которую использует Windows, выбрав Использовать системные настройки.

 Снимок экрана диалогового окна «Параметры», в котором можно изменить цветовую тему». /><br /></p>
<p>При изменении цветовой темы текст в IDE возвращается к шрифтам и размерам по умолчанию или ранее настроенным шрифтам и размерам для этой темы.</p>
<p>Хотите еще больше тем на выбор? Ознакомьтесь с широким выбором пользовательских тем в Visual Studio Marketplace. А чтобы увидеть примеры новых пользовательских тем Visual Studio 2022 на основе VS Code, ознакомьтесь с записью блога Представляем коллекцию новых тем Visual Studio.</p>
<p>В строке меню выберите Инструменты > Параметры.</p>
<p>В списке параметров выберите «Среда» > «Общие».</p>
<p>В списке цветовых тем выберите синюю тему по умолчанию, светлую тему, темную тему или синюю тему (дополнительный контраст).</p>
<p><img class=

При изменении цветовой темы текст в IDE возвращается к шрифтам и размерам по умолчанию или ранее настроенным шрифтам и размерам для этой темы.

Вы можете создавать и редактировать собственные темы Visual Studio с помощью расширения. Выберите любой из следующих двух вариантов в зависимости от используемой версии Visual Studio:

Изменить шрифты и размер текста

Вы можете изменить шрифт и размер текста для всех фреймов и окон инструментов IDE или только для определенных окон или текстовых элементов. Вы также можете изменить шрифт и размер текста в редакторе.

Чтобы изменить шрифт и размер текста в IDE

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите «Среда» > «Шрифты и цвета».

В списке Показать настройки для выберите Среда.

Снимок экрана диалогового окна

Если вы хотите изменить шрифт только для окон инструментов, в списке Показать настройки для выберите Все окна текстовых инструментов.

Измените параметры шрифта и размера, чтобы изменить шрифт и размер текста для IDE.

Выберите соответствующий элемент в разделе Отображать элементы, а затем измените параметры Передний план элемента и Фон элемента.

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите «Среда» > «Шрифты и цвета».

В списке Показать настройки для выберите Среда.

Снимок экрана с параметрами диалоговое окно для изменения шрифтов и цветов в среде IDE

Если вы хотите изменить шрифт только для окон инструментов, в списке Показать настройки для выберите Все окна текстовых инструментов.

Измените параметры "Шрифт" и "Размер", чтобы изменить шрифт и размер текста для IDE.

Выберите соответствующий элемент в разделе Отображать элементы, а затем измените параметры Передний план элемента и Фон элемента.

Чтобы изменить шрифт и размер текста в редакторе

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите «Среда» > «Шрифты и цвета».

В разделе Показать настройки для списка выберите Текстовый редактор.

Снимок экрана диалогового окна

Измените параметры "Шрифт" и "Размер", чтобы изменить шрифт и размер текста в редакторе.

Выберите соответствующий элемент в разделе Отображать элементы, а затем измените параметры Передний план элемента и Фон элемента.

В строке меню выберите Инструменты > Параметры.

В списке параметров выберите «Среда» > «Шрифты и цвета».

В разделе Показать настройки для списка выберите Текстовый редактор.

Снимок экрана диалоговое окно

Измените параметры "Шрифт" и "Размер", чтобы изменить шрифт и размер текста в редакторе.

Выберите соответствующий элемент в разделе Отображать элементы, а затем измените параметры Передний план элемента и Фон элемента.

Дополнительную информацию о том, как изменить шрифты и цвета в редакторе кода, см. на странице Изменение шрифтов и цветов для редактора. Подробные сведения обо всех элементах пользовательского интерфейса (UI), в которых можно изменить шрифт и цветовые схемы, см. на странице Шрифты и цвета, среда, диалоговое окно параметров.

Специальные возможности

В нейроразнообразном мире мы хотим поддержать разных учащихся и пользователей с плохим зрением, предлагая следующие варианты шрифтов и цветовые темы:

  • Вы можете использовать шрифт Cascadia Code, который придает больший вес пропорциям букв, цифр и символов, чтобы устранить неоднозначность. Cascadia Code также включает кодовые лигатуры.
  • Вы можете использовать высококонтрастную цветовую тему для всех приложений и пользовательского интерфейса на компьютере или экстраконтрастную цветовую тему только для Visual Studio.

Используйте шрифт Cascadia Code

Новый шрифт Cascadia Code включает Cascade Mono, который является шрифтом по умолчанию в Visual Studio 2022. Мало того, что оба этих шрифта легче читать, шрифт Cascadia Code также включает кодовые лигатуры, которые превращают последовательность символов в глиф. Кодовые лигатуры, или глифы, упрощают когнитивное связывание смысла, стоящего за ними.

На следующем снимке экрана показан пример шрифта Cascadia Mono по умолчанию и перечислены наборы символов, включая математические символы, которые вы можете использовать при написании кода.

 Скриншот примера шрифта Cascadia Mono в редакторе.

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

 Скриншот примера шрифта Cascadia Code в редакторе.

Обратите внимание, что в последней строке текста на снимке экрана Cascadia Code показано, как уменьшено расстояние между повторяющимися символами, что также облегчает их чтение.

Вот как переключаться между шрифтами Cascadia:

Выберите Инструменты > Параметры > Среда > Шрифты и цвета.

В раскрывающемся списке «Шрифт» выберите нужный шрифт Cascadia Code или Cascadia Mono, а затем нажмите кнопку ОК.

 Скриншот шрифтов Cascadia, доступных в диалоговом окне «Параметры». /><br /></p>
<p>Если у вас плохое зрение, есть варианты цветовой темы. Вы можете использовать параметр высокой контрастности для <em>всех</em> приложений и пользовательского интерфейса на компьютере или параметр дополнительной контрастности только для Visual Studio.</p>
<h3>Использовать высокую контрастность Windows</h3>
<p>Используйте одну из следующих процедур, чтобы переключить параметр высокой контрастности Windows:</p>
<p>В Windows или в любом приложении Microsoft нажмите клавиши

В Windows выберите «Пуск» > «Настройки» > «Специальные возможности». Затем в разделе «Зрение» в Windows 10 и более поздних версиях выберите «Высокая контрастность».

Настройка высокой контрастности Windows влияет на все приложения и пользовательский интерфейс на компьютере.

Использовать дополнительный контраст Visual Studio

Используйте следующие процедуры для переключения параметра дополнительной контрастности Visual Studio:

В строке меню Visual Studio выберите "Инструменты" > "Параметры", а затем в списке параметров выберите "Среда" > "Общие".

В раскрывающемся списке Цветовая тема выберите тему Синяя (дополнительная контрастность) и нажмите кнопку ОК.

Если для цветов или шрифтов есть параметр доступности, который, по вашему мнению, может быть полезен, но в настоящее время недоступен в Visual Studio, сообщите нам об этом, выбрав Предложить функцию в Сообществе разработчиков Visual Studio. Дополнительную информацию об этом форуме и о том, как он работает, см. на странице Предложить функцию.

Дополнительные специальные возможности в Visual Studio

В дополнение к функциям доступности шрифтов и цветов есть еще несколько функций, которые делают Visual Studio более доступной для людей с ограниченными возможностями:

Автозаполнение для методов и параметров; см. IntelliSense в Visual Studio.

Дополнительные сведения о функциях, продуктах и ​​службах, которые делают Windows более доступной для людей с ограниченными возможностями, см. в статье Специальные возможности продуктов и служб Майкрософт. Дополнительные сведения о том, как получить документацию в более доступных форматах для продуктов Microsoft, см. в разделе Документация в альтернативных форматах на странице Специальные возможности продуктов и услуг от Microsoft.

Поддержка специальных возможностей

Информация о специальных возможностях, содержащаяся на этой странице, может относиться только к пользователям, которые лицензируют продукты Microsoft в США. Если вы приобрели этот продукт за пределами США, посетите веб-сайт Microsoft Accessibility, чтобы получить список номеров телефонов и адресов службы поддержки Microsoft. Вы можете обратиться в свою дочернюю компанию, чтобы узнать, доступны ли продукты и услуги, описанные на этой странице, в вашем регионе. Информация о специальных возможностях также доступна на других языках.

Цветовые темы позволяют изменять цвета в пользовательском интерфейсе Visual Studio Code в соответствии с вашими предпочтениями и рабочей средой.

Выбор цветовой темы

  1. В VS Code откройте меню выбора цветовой темы, выбрав «Файл» > «Настройки» > «Цветовая тема». (Код > Настройки > Цветовая тема в macOS).
  2. Вы также можете использовать сочетание клавиш ⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T ), чтобы отобразить средство выбора.
  3. Используйте клавиши курсора для предварительного просмотра цветов темы.
  4. Выберите нужную тему и нажмите Enter .

Темы в палитре команд

Активная цветовая тема сохраняется в ваших пользовательских настройках (сочетание клавиш ⌘, (Windows, Linux Ctrl+, ) ).

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

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

В VS Code есть несколько готовых цветовых тем, которые вы можете попробовать.

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

Вы можете искать темы в представлении Расширения ( ⇧⌘X (Windows, Linux Ctrl+Shift+X )) с помощью фильтра @category:"themes".

Поиск тем в представлении

Автопереключение в зависимости от цветовой схемы ОС

Windows и macOS поддерживают светлые и темные цветовые схемы. Существует параметр window.autoDetectColorScheme , который указывает VS Code прослушивать изменения цветовой схемы ОС и соответствующим образом переключаться на соответствующую тему.

Чтобы настроить темы, которые используются при изменении цветовой схемы, вы можете установить предпочтительные светлые, темные и высококонтрастные темы в настройках:

  • workbench.preferredLightColorTheme — по умолчанию "Светлая + по умолчанию"
  • workbench.preferredDarkColorTheme — по умолчанию "Темный+ по умолчанию"
  • workbench.preferredHighContrastColorTheme — по умолчанию "Высокая контрастность по умолчанию"

Настройка цветовой темы

Цвета верстака

Вы можете настроить активную цветовую тему с помощью пользовательских настроек workbench.colorCustomizations и editor.tokenColorCustomizations.

Чтобы установить цвета элементов пользовательского интерфейса VS Code, таких как список и деревья (Проводник, виджет предложений), редактор различий, панель действий, уведомления, полоса прокрутки, разделенное представление, кнопки и т. д., используйте workbench.colorCustomizations .< /p>

Вы можете использовать IntelliSense при установке значений workbench.colorCustomizations или список всех настраиваемых цветов см. в справочнике по цветам темы.

Чтобы настроить только определенную тему, используйте следующий синтаксис:

Если настройка применяется к нескольким темам, вы можете назвать несколько тем или использовать подстановочный знак * в начале и в конце имени:

Подсветка синтаксиса редактора

Чтобы настроить цвета подсветки синтаксиса редактора, используйте editor.tokenColorCustomizations в файле настроек пользователя settings.json:

Настройка цвета токена

Для наиболее распространенных конструкций доступен предварительно настроенный набор синтаксических маркеров («комментарии», «строки», . ). Если вам нужно больше, вы можете сделать это, напрямую указав правила цвета темы TextMate:

Расширенная настройка цвета токена

Примечание. Непосредственная настройка правил TextMate — это продвинутый навык, поскольку вам необходимо понимать, как работают грамматики TextMate. Перейдите к руководству по цветовой теме для получения дополнительной информации.

Опять же, чтобы настроить определенные темы, вы можете сделать это одним из следующих способов:

Семантическая подсветка редактора

Некоторые языки (в настоящее время: TypeScript, JavaScript, Java) предоставляют семантические токены. Семантические маркеры основаны на понимании символов языковой службой и более точны, чем синтаксические маркеры, полученные из грамматик TextMate, управляемых регулярными выражениями. Семантическая подсветка, вычисляемая на основе семантических токенов, дополняет подсветку синтаксиса и может исправлять и дополнять подсветку, как показано в следующем примере:

Цветовая тема "Tomorrow Night Blue" без семантического выделения:

без семантической подсветки

Цветовая тема "Tomorrow Night Blue" с семантическим выделением:

с семантическим выделением

Обратите внимание на различия в цвете в зависимости от понимания символов языковой службы:

  • строка 10: параметр languageModes окрашен в цвет.
  • строка 11: диапазон и позиция выделены цветом как классы, а документ — как параметр.
  • строка 13: getFoldingRanges окрашивается как функция.

Настройки editor.semanticHighlighting.enabled служат основным элементом управления применением семантического выделения. Он может принимать значения true , false и configureByTheme .

  • true и false включают или выключают семантическое выделение для всех тем.
  • configuredByTheme используется по умолчанию и позволяет каждой теме контролировать, включена ли семантическая подсветка. Во всех темах, которые поставляются с VS Code (например, по умолчанию "Dark+"), семантическая подсветка включена по умолчанию.

Пользователи могут переопределить настройки темы следующими способами:

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

Дополнительные правила оформления могут быть настроены пользователем в editor.semanticTokenColorCustomizations" :

Чтобы увидеть, какие семантические токены вычисляются и как они оформлены, пользователи могут использовать инспектор области действия (Разработчик: проверка токенов и областей редактора), который отображает информацию для текста в текущей позиции курсора.

инспектор области

Если семантические маркеры доступны для языка в данной позиции и включены темой, инструмент проверки показывает тип семантического маркера раздела . В этом разделе показана информация о семантической лексеме (тип и любое количество модификаторов), а также применимые правила оформления.

Дополнительную информацию о семантических лексемах и синтаксисе правил стиля можно найти в Руководстве по выделению семантики.

Создание собственной цветовой темы

Создать и опубликовать расширение темы очень просто. Настройте цвета в пользовательских настройках, а затем создайте файл определения темы с помощью команды «Разработчик: создать цветовую тему из текущих настроек».

Генератор расширений Yeoman в VS Code поможет вам сгенерировать остальную часть расширения.

Дополнительные сведения см. в теме "Создание новой цветовой темы" в разделе API расширений.

Удалить цветовые темы по умолчанию

Если вы хотите удалить некоторые темы по умолчанию, поставляемые с VS Code, из палитры цветовых тем, вы можете отключить их в представлении «Расширения» ( ⇧⌘X (Windows, Linux Ctrl+Shift+X )). Открыть . В раскрывающемся меню «Дополнительные действия» в верхней части представления «Расширения» выберите «Показать встроенные расширения», и вы увидите раздел ТЕМЫ со списком тем по умолчанию.

встроенные темы

Вы можете отключить встроенное расширение темы, как и любое другое расширение VS Code, с помощью команды "Отключить" в контекстном меню шестеренки.

отключить тему

Темы значков файлов

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

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

  1. В VS Code откройте меню выбора темы значка файла, выбрав «Файл» > «Настройки» > «Тема значка файла». (Код > Настройки > Тема значка файла в macOS).
  2. Вы также можете использовать команду «Настройки: тема значка файла» из палитры команд ( ⇧⌘P (Windows, Linux Ctrl+Shift+P )).
  3. Используйте клавиши курсора для предварительного просмотра значков темы.
  4. Выберите нужную тему и нажмите Enter .

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

Код VS поставляется с двумя темами значков файлов; Минимал и Сети. Чтобы установить дополнительные темы значков файлов, выберите элемент «Установить дополнительные темы значков файлов» в средстве выбора темы значков файлов, и вы увидите запрос на темы значков файлов (tag:icon-theme) в представлении «Расширения».

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

Тема активного значка файла сохраняется в ваших пользовательских настройках (сочетание клавиш ⌘, (Windows, Linux Ctrl+, )).

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

Вы можете создать свою собственную тему значков файлов из значков (предпочтительно SVG). Подробнее см. в разделе Тема значков файлов в нашем разделе Extension API.

Дальнейшие шаги

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

Читайте также: