Как изменить цвет текста в visual studio 2019
Чтобы изменить настройки шрифта в VS Code, перейдите в Файл -> Настройки -> Настройки (или нажмите Ctrl + запятая), чтобы открыть настройки пользователя.
Как изменить размер шрифта по сравнению с кодом?
Вы можете использовать следующие ярлыки для настройки размера шрифта:
Какой шрифт использует код VS?
Какой шрифт используется по умолчанию в Visual Studio 2019?
В стандартной версии VS Code, если иное не указано в настройках. json приоритет шрифта по умолчанию: Consolas, Courier New, а затем моноширинный.
Как увеличить размер текста в Visual Studio?
Чтобы изменить шрифт и размер текста в редакторе
Как мне взломать шрифт Vscode?
Какой шрифт терминала?
Microsoft создала новый шрифт, специально созданный для разработчиков, а также новый интерфейс командной строки Windows Terminal. Это код (глупый каламбур, не расстраивайтесь из-за написания) Cascadia Code, и вы уже можете его попробовать.
Какой шрифт лучше всего подходит для программирования?
10 лучших программных шрифтов, которые избавят вас от усталости глаз
Как установить шрифты?
Как изменить размер шрифта на этикетке Visual Studio?
Каков код для открытия инструментов в Visual Studio?
Какие горячие клавиши предназначены для изменения размера шрифта?
Нажмите Ctrl + Shift + P и введите нужный размер шрифта. Либо нажимайте клавиши со стрелками вверх или вниз для прокрутки списка размеров шрифтов по одному, а затем выберите нужный размер шрифта из списка, нажав Enter.
Как увеличить масштаб кода VS?
Как увеличить наездник?
Масштабирование с помощью клавиатуры
Практическое руководство. Изменение шрифтов и цветов в редакторе в Visual Studio
Вы можете изменить стандартное начертание, размер шрифта, а также цвет переднего плана и фона для различных текстовых отображаемых элементов в редакторе кода. При изменении параметров шрифта учитывайте следующее:
Значения для параметров Шрифт и Размер применяются глобально для всех текстовых элементов во всех редакторах Visual Studio.
Имена моноширинных шрифтов выделены полужирным шрифтом.
Параметры Основной цвет элемента, Фоновый цвет элемента и Полужирный можно задать для каждого типа текстового элемента. Например, если изменить цвета и выбрать значение Полужирный для параметров Комментарий и Закладки, другие типы текстовых элементов останутся неизменными.
Чтобы узнать, как настроить шрифты и цвета для интегрированной среды разработки, а не только для редактора кода, см. статью Практическое руководство. Изменение шрифтов и цветов в Visual Studio .
Изменение начертания, размера и цвета шрифта по умолчанию
В меню Сервис выберите пункт Параметры. В разделе Окружение выберите Шрифты и цвета.
В поле Параметры для выберите Текстовый редактор.
Измените параметры Шрифт и Размер, чтобы настроить начертание и размер для всех текстовых элементов во всех редакторах.
Выберите соответствующий элемент в области Отображаемые элементы и затем измените параметры Основной цвет элемента и Фоновый цвет элемента.
Щелкните По умолчанию для сброса параметров до значений по умолчанию.
Щелкните ОК.
В меню Сервис выберите пункт Параметры. В разделе Окружение выберите Шрифты и цвета.
В поле Параметры для выберите Текстовый редактор.
Измените параметры Шрифт и Размер, чтобы настроить начертание и размер для всех текстовых элементов во всех редакторах.
Выберите соответствующий элемент в области Отображаемые элементы и затем измените параметры Основной цвет элемента и Фоновый цвет элемента.
Щелкните По умолчанию для сброса параметров до значений по умолчанию.
Следующие шаги
как изменить размер шрифта среды кода Visual Studio
есть ли способ изменить размер шрифта среды в коде Visual Studio? такие вещи, как intellisense box, панель отладки, имена файлов ..так далее.
Я знаю, как изменить размер шрифта редактора, но я не мог найти, как изменить размер шрифта среды, поэтому мне интересно, можете ли вы его как-то изменить
В настоящее время невозможно изменить семейство шрифтов или размер вне редактора. Однако вы можете увеличивать и уменьшать масштаб всего пользовательского интерфейса из .
обновление для нашей версии VS Code 1.0:
недавно введен параметр window.zoomLevel позволяет сохранить уровень масштабирования навсегда! Он может иметь как отрицательные, так и положительные значения для увеличения или уменьшения масштаба.
просто скопировать "editor.fontSize": 18 в своем setting.json редактора.
клавишей управления + Shift + P а затем набрав "настройки", вы сможете легко найти файл настроек пользователя или рабочего пространства.
в коде Visual Studio, нажав Ctrl + и Ctrl — вы можете изменить общий размер шрифта IDE. Это помогает быстрее, чем изменение настроек в каждом сеансе. Надеюсь, это поможет.
В этой статье мы настроим цветовую тему Visual Studio. Мы также настроим цвета для двух различных типов текста в редакторе кода.
Установите Visual Studio бесплатно со страницы скачиваемых материалов Visual Studio, если еще не сделали этого.
Настройка цветовой темы для интегрированной среды разработки
По умолчанию в пользовательском интерфейсе Visual Studio установлена темная тема. Далее рассмотрим, как изменить ее на другую цветовую тему.
В строке меню выберите Сервис > Параметры.
В списке параметров выберите Среда > Общие.
В списке Цветовая тема выберите нужную тему: заданную по умолчанию темную тему, синюю тему, синюю тему с повышенной контрастностью или светлую тему. Также можно выбрать параметр Использовать настройки системы, чтобы выбрать тему, используемую в Windows.
При изменении цветовой темы шрифты текста и их размер в интегрированной среде разработки возвращаются к значениям по умолчанию или ранее настроенным значениям.
Требуется больше тем? Ознакомьтесь с широким набором настраиваемых тем в магазине Visual Studio Marketplace. Дополнительные сведения о примерах новых настраиваемых тем Visual Studio 2022 на основе VS Code см. в записи блога Новая коллекция тем Visual Studio.
Из этой статьи вы узнаете, как переключить синюю цветовую тему Visual Studio на темный режим. Мы также настроим цвета для двух различных типов текста в редакторе кода.
Установите Visual Studio бесплатно со страницы скачиваемых материалов Visual Studio, если еще не сделали этого.
Настройка цветовой темы для интегрированной среды разработки
По умолчанию в пользовательском интерфейсе Visual Studio установлена синяя тема. Давайте изменим ее на тему Темная.
В строке меню, где расположены такие вкладки, как Файл и Правка, выберите Сервис > Параметры.
На странице параметров Среда > Общие измените значение параметра Цветовая тема на Темная и нажмите кнопку ОК.
Цветовая тема для всей среды разработки (IDE) Visual Studio изменяется на Темная.
Вы можете создать собственные темы, установив конструктор цветовых тем Visual Studio из Visual Studio Marketplace.
Из этой статьи вы узнаете, как переключить синюю цветовую тему Visual Studio на темный режим. Мы также настроим цвета для двух различных типов текста в редакторе кода.
Установите Visual Studio бесплатно со страницы скачиваемых материалов Visual Studio, если еще не сделали этого.
Настройка цветовой темы для интегрированной среды разработки
По умолчанию в пользовательском интерфейсе Visual Studio установлена синяя тема. Давайте изменим ее на тему Темная.
В строке меню, где расположены такие вкладки, как Файл и Правка, выберите Сервис > Параметры.
На странице параметров Среда > Общие измените значение параметра Цветовая тема на Темная и нажмите кнопку ОК.
Цветовая тема для всей среды разработки (IDE) Visual Studio изменяется на Темная.
Вы можете выбрать дополнительные предопределенные темы, установив редактор цветовых тем Visual Studio из Visual Studio Marketplace. Когда вы установите это средство, в раскрывающемся списке Цветовая тема появятся дополнительные темы.
Изменение цветов текста в редакторе
Теперь настроим несколько цветов текста для редактора. Сначала создадим XML-файл, чтобы просмотреть цвета по умолчанию.
В строке меню выберите Файл > Создать > Файл.
В диалоговом окне Новый файл в разделе Общие выберите XML-файл и нажмите кнопку Открыть.
Вставьте приведенный ниже XML-код под строкой с .
Обратите внимание, что цвет номеров строк бирюзовый, а атрибутов XML (например id="bk101" ) — голубой. Давайте изменим цвет этих элементов.
Чтобы открыть диалоговое окно Параметры, в строке меню выберите Сервис > Параметры.
В разделе Среда выберите категорию Шрифты и цвета.
Обратите внимание, что в поле Показать параметры для указано значение Текстовый редактор,—именно это нам и нужно. Раскройте список, чтобы узнать, для каких еще элементов можно настроить шрифты и цвет текста.
Чтобы изменить цвет номера строки, в списке Отображение элементов выберите Номер строки. В поле Основной цвет элемента выберите Оливковый.
Некоторые языки имеют собственные параметры шрифтов и цветов. Если вы являетесь разработчиком на C++ и хотите изменить цвет, используемый для выделения функций, найдите элемент Функции C++ в списке Отображение элементов.
Прежде чем закрыть диалоговое окно, давайте также изменим цвет атрибутов XML. В списке Отображение элементов прокрутите вниз до элемента Атрибут XML и выберите его. В поле Основной цвет элемента выберите Травяной. Нажмите ОК, чтобы сохранить изменения и закрыть диалоговое окно.
Мы изучили только некоторые способы настраивать цвета в Visual Studio. Ознакомьтесь с другими возможностями в диалоговом окне Параметры, чтобы настроить Visual Studio в соответствии со своими предпочтениями.
На странице Шрифты и цвета диалогового окна Параметры можно установить пользовательский шрифт и цветовую схему для различных элементов пользовательского интерфейса в интегрированной среде разработки (IDE). Для доступа к этому диалоговому окну щелкните Сервис > Параметры, а затем выберите Среда > Шрифты и цвета.
Изменения цветовой схемы не затрагивают сеанс, в котором эти изменения были сделаны. Вы можете оценить изменения цветов, открыв другой экземпляр Visual Studio и воспроизведя условия, при которых должны применяться внесенные изменения.
Показать параметры для
Выводит список всех элементов пользовательского интерфейса, для которых можно изменить шрифт и цветовые схемы. Выбрав элемент из этого списка, можно изменить настройки цвета для элемента, выбранного в списке Отображаемые элементы.
Текстовый редактор
Изменение стиля, размера и настроек цвета шрифта для текстового редактора повлияет на вид текста в текстовом редакторе, используемом по умолчанию. На документы, открытые в текстовом редакторе вне интегрированной среды разработки, данные настройки не влияют.
Принтер
Изменения стиля, размера шрифта и настроек цвета для принтера влияют на на внешний вид текста на распечатанных документах.
При необходимости для печати можно выбрать шрифт по умолчанию, отличающийся от шрифта, используемого в текстовом редакторе. Этот может быть полезно, если печатный код содержит как однобайтовые, так и двухбайтовые символы.
Завершение операторов
Изменяет стиль и размер шрифта для текста, отображаемого во всплывающем окне завершения операторов в редакторе.
Всплывающая подсказка редактора
Изменяет стиль и размер шрифта для текста, отображаемого в подсказках в редакторе.
Шрифт среды разработки
Изменяет стиль и размер шрифта для всех элементов пользовательского интерфейса IDE, у которых еще нет отдельного параметра в области Показать параметры для.
Например, этот параметр применяется к начальной странице, но не повлияет на окно вывода.
[Все окна текстовых инструментов]
Изменения параметров стиля, размера шрифта и цвета для этого элемента влияют на внешний вид текста в окнах инструментов, имеющих области вывода в интегрированной среде разработки. Например, окно вывода, командное окно, окно интерпретации и т. д.
Изменения текста элементов [Все окна текстовых инструментов] не действуют во время сеанса, в котором они были вынесены. Вы можете оценить такие изменения, открыв другой экземпляр Visual Studio.
Использовать значения по умолчанию
Выполняет сброс значений шрифта и цвета для элемента списка, выбранного в области Показать параметры для. Кнопка Использовать появляется, когда для выбора доступны другие схемы отображения. Например, можно выбрать одну из двух схем для принтера.
Шрифт (моноширинные шрифты имеют полужирное начертание)
Содержит все шрифты, установленные в системе. При первом отображении раскрывающегося меню выделяется текущий шрифт для элемента, выбранного в области Показать параметры для. Моноширинные шрифты, которые удобнее выравнивать в редакторе, выделены полужирным шрифтом.
Размер
Выводит список доступных размеров для выделенного шрифта. Изменение размера шрифта влияет на все Отображаемые элементы для элемента, выбранного в области Показать параметры для.
Отображаемые элементы
Список элементов, для которых можно изменить цвет изображения и фона.
Обычный текст является отображаемым элементом по умолчанию. Таким образом, свойства, назначенные для отображаемого элемента Обычный текст, будут переопределяться свойствами, назначенными другим отображаемым элементам. Например, если назначить голубой цвет элементу Обычный текст и зеленый цвет элементу Идентификатор, все идентификаторы будут отображаться зеленым цветом. В этом примере свойства элемента Идентификатор переопределяют свойства элемента Обычный текст.
К отображаемым элементам относятся следующие:
Основной цвет элемента
Содержит цвета, которые можно использовать в качестве основного цвета для элемента, выбранного в списке Отображаемые элементы. Поскольку некоторые элементы связаны друг с другом и должны составлять согласованную схему отображения, при изменении цвета переднего плана текста также изменяются значения по умолчанию для таких элементов, как «Ошибка компилятора», «Ключевое слово» или «Оператор».
Автоматически
Элементы могут наследовать цвет переднего плана от других отображаемых элементов, таких как Обычный текст. Если используется данный параметр, при изменении цвета унаследованного отображаемого элемента автоматически изменяется и цвет связанных элементов. Например, если вы выбрали значение Автоматически для элемента Ошибка компилятора, а потом изменили цвет элемента Обычный текст на красный, элемент Ошибка компилятора также наследует этот красный цвет.
Default
Цвет, отображаемый для элемента при первом запуске Visual Studio. При нажатии кнопки По умолчанию выполняется возврат к этому цвету.
Custom
Отображает диалоговое окно «Цвет», чтобы можно было задать пользовательский цвет для элемента, выбранного в списке отображаемых элементов.
Возможности задавать собственные цвета могут быть ограничены настройками цвета для монитора компьютера. Например, если компьютер настроен на отображение 256 цветов, и вы выбираете другой цвет в диалоговом окне Цвет, среда IDE по умолчанию использует ближайший доступный Основной цвет и отображает черный цвет в поле просмотра Цвет.
Фоновый цвет элемента
Предлагает цветовую палитру, из которой можно выбрать цвет фона для элемента, выбранного в списке Отображаемые элементы. Поскольку некоторые элементы связаны друг с другом и должны составлять согласованную схему отображения, при изменении цвета фона текста также изменяются значения по умолчанию для таких элементов, как «Ошибка компилятора», «Ключевое слово» или «Оператор».
Автоматически
Элементы могут наследовать фоновый цвет от других отображаемых элементов, таких как Обычный текст. Если используется данный параметр, при изменении цвета унаследованного отображаемого элемента автоматически изменяется и цвет связанных элементов. Например, если вы выбрали значение Автоматически для элемента Ошибка компилятора, а потом изменили цвет элемента Обычный текст на красный, элемент Ошибка компилятора также наследует этот красный цвет.
Default
Цвет, отображаемый для элемента при первом запуске Visual Studio. При нажатии кнопки По умолчанию выполняется возврат к этому цвету.
Custom
Отображает диалоговое окно «Цвет», чтобы можно было задать пользовательский цвет для элемента, выбранного в списке отображаемых элементов.
Полужирный
Выберите этот параметр, чтобы отобразить текст элементов, выбранных в области Отображаемые элементы, полужирным шрифтом. Полужирный текст проще найти в редакторе.
Образец
Отображает образец стиля шрифта, размера и цветовой схемы для элементов, выбранных в областях Показать параметры для и Отображаемые элементы. Это поле можно использовать для предварительного просмотра результатов во время экспериментов с разными параметрами форматирования.
Практическое руководство. Изменение шрифтов, цветов и тем в Visual Studio
Шрифты и цвета в Visual Studio можно изменять различными способами. Например, можно изменить заданную по умолчанию темную тему (также называемую "темным режимом") на светлую тему, синюю тему, тему с дополнительным контрастом или тему, которая соответствует вашим параметрам системы. Также можно изменить шрифт по умолчанию и размер текста в IDE в и редакторе кода.
Ознакомьтесь с записью блога Обновленный пользовательский интерфейс Visual Studio 2022, чтобы получить дополнительные сведения о корректировках коэффициента контрастности цвета и о новом шрифте Cascadia Code, который мы добавили, чтобы сделать среду Visual Studio более доступной, чем когда-либо ранее.
Шрифты и цвета в Visual Studio можно изменять различными способами. Например, вы можете изменить синюю тему по умолчанию на темную тему (так называемый "темный режим"). При необходимости вы также можете включить контрастную тему. и изменить шрифт по умолчанию и размер текста в IDE в и редакторе кода.
Изменение цветовой темы
Изменить цветовую тему фрейма интегрированной среды разработки и окон инструментов в Visual Studio можно следующим образом:
В строке меню выберите Сервис > Параметры.
В списке параметров выберите Среда > Общие.
В списке Цветовая тема выберите тему по умолчанию Синяя, Светлая, Темная или Blue (Extra Contrast) (Синяя [дополнительный контраст]).
Можно также выбрать тему, используемую Windows, выбрав параметр Использовать системные настройки.
При изменении цветовой темы шрифты текста и их размер в интегрированной среде разработки возвращаются к значениям по умолчанию или ранее настроенным значениям.
Требуется больше тем? Ознакомьтесь с широким набором настраиваемых тем в магазине Visual Studio Marketplace. Дополнительные сведения о примерах новых настраиваемых тем Visual Studio 2022 на основе VS Code см. в записи блога Новая коллекция тем Visual Studio.
В строке меню выберите Сервис > Параметры.
В списке параметров выберите Среда > Общие.
В списке Цветовая тема выберите тему по умолчанию Синяя, Светлая, Темная или Blue (Extra Contrast) (Синяя (дополнительный контраст)).
При изменении цветовой темы шрифты текста и их размер в интегрированной среде разработки возвращаются к значениям по умолчанию или ранее настроенным значениям.
Можно создавать и редактировать собственные темы Visual Studio с помощью соответствующего расширения. Выберите один из следующих двух вариантов в зависимости от используемой версии Visual Studio:
Изменение шрифтов и размера текста
Шрифт и размер текста можно изменить для всех окон фреймов IDE и инструментов или только для определенных окон и текстовых элементов. Кроме того, шрифт и размер текста можно изменить в редакторе.
Изменение шрифта и размера текста в интегрированной среде разработки
В строке меню выберите Сервис > Параметры.
В списке параметров выберите Среда > Шрифты и цвета.
В списке Показать параметры для выберите Среда.
Если требуется изменить шрифт только для окон инструментов, в списке Параметры для выберите Все окна текстовых инструментов.
Чтобы изменить шрифт и размер текста для интегрированной среды разработки, измените значения параметров Шрифт и Размер.
Выберите соответствующий элемент в области Отображаемые элементы и затем измените параметры Основной цвет элемента и Фоновый цвет элемента.
В строке меню выберите Сервис > Параметры.
В списке параметров выберите Среда > Шрифты и цвета.
В списке Показать параметры для выберите Среда.
Если требуется изменить шрифт только для окон инструментов, в списке Параметры для выберите Все окна текстовых инструментов.
Чтобы изменить шрифт и размер текста для интегрированной среды разработки, измените значения параметров Шрифт и Размер.
Выберите соответствующий элемент в области Отображаемые элементы и затем измените параметры Основной цвет элемента и Фоновый цвет элемента.
Изменение шрифта и размера текста в редакторе
В строке меню выберите Сервис > Параметры.
В списке параметров выберите Среда > Шрифты и цвета.
В списке Показать параметры для выберите Текстовый редактор.
Чтобы изменить шрифт и размер текста для редактора, измените значения параметров Шрифт и Размер.
Выберите соответствующий элемент в области Отображаемые элементы и затем измените параметры Основной цвет элемента и Фоновый цвет элемента.
В строке меню выберите Сервис > Параметры.
В списке параметров выберите Среда > Шрифты и цвета.
В списке Показать параметры для выберите Текстовый редактор.
Чтобы изменить шрифт и размер текста для редактора, измените значения параметров Шрифт и Размер.
Выберите соответствующий элемент в области Отображаемые элементы и затем измените параметры Основной цвет элемента и Фоновый цвет элемента.
Параметры специальных возможностей
При слабом зрении можно использовать специальные параметры цветовой темы. Параметр высокой контрастности можно использовать для всех приложений и пользовательского интерфейса на компьютере. Дополнительный параметр контрастности также можно использовать только для Visual Studio.
Использование высокой контрастности Windows
Чтобы переключить режим высокой контрастности Windows, используйте одну из следующих процедур:
В Windows или любом приложении Майкрософт нажмите сочетание клавиш Левая клавиша ALT+Левая клавиша SHIFT+PRTSCN.
В ОС Windows последовательно выберите Пуск > Параметры > Специальные возможности. Затем в разделе Зрение в Windows 10 и более поздних версиях выберите Высокая контрастность.
Параметр высокой контрастности Windows влияет на все приложения и пользовательский интерфейс на компьютере.
Использование параметра дополнительной контрастности для Visual Studio
Чтобы переключить режим дополнительной контрастности в Visual Studio, используйте следующие процедуры:
В строке меню Visual Studio последовательно выберите Сервис > Параметры, а затем в списке параметров выберите Среда > Общая.
В раскрывающемся списке Цветовая тема выберите тему Blue (Extra Contrast) (Синий (дополнительный контраст)), а затем нажмите кнопку ОК.
Дополнительные сведения о других доступных параметрах специальных возможностей Visual Studio см. в этой статье.
Если вам требуется параметр специальных возможностей для цветов или шрифтов, но в настоящее время в Visual Studio он недоступен, сообщите нам, выбрав раздел Предложить функцию на странице сообщества разработчиков Visual Studio. Дополнительные сведения об этом форуме и возможностях его использования см. в статье Предложить функцию для Visual Studio.
Следующие шаги
Дополнительные сведения о всех элементах пользовательского интерфейса, для которых можно изменить шрифт и цветовые схемы, см. в этой статье.
Как настроить оформление Visual Studio Code
В Visual Studio Code (VSCode) темы оформления можно настроить несколькими способами. Самый простой — это установить уже готовый вариант. Поскольку выбор, действительно, очень большой, то можно подобрать наиболее привлекательный вариант. Второй способ — это воспользоваться он-лайн редактором тем, где можно самостоятельно настроить все цвета. И третий вариант — это используя уже готовую тему, внести необходимые коррективы в локальные настройки.
Прежде, чем рассмотреть все эти варианты, я отмечу, что VSCode может хранить настройки не только глобально для всего редактора, но и локально: для выбранной папки или для рабочей области. Однажды я установил какое-то расширение, которое поменяло цвет оформления на болотно-грязный, и потом полдня потратил на то, как его отключить. Оказалось, что цвет прописался в конфигурации папки. 🙂
Готовые темы для Visual Studio Code
Здесь всё очень просто: все темы устанавливаются с официального сайта: Marketplace. На странице темы есть ссылка Install , нажав на которую, откроется сам VSCode, где и выбирается установка.
Для переключения установленных тем используются горячие клавиши Ctrl+K+T (нажать Ctrl, потом не отпуская, «K» и «T»). Дальше курсором выбираем любой вариант.
В Marketplace не очень удобно сделан предпросмотр тем, поэтому можно выбрать тему с других сайтов, например:
-
— здесь большие скриншоты всех тем на одной странице. — здесь темы уже сгруппированы на светлые и тёмные, а также доступен предпросмотр для HTML/JS/CSS-кода.
Если тема не понравилась, то её можно удалить во включенных расширениях. Готовые темы удобны тем, что это самый быстрый и простой способ установки — буквально в пару кликов.
Создание своей темы для VSCode
При желании можно создать и свою тему. Для этого нужно воспользоваться он-лайн редактором TmTheme Editor. Вначале лучше выбрать из галереи какой-то подходящий вариант, после его отредактировать. После того, как настройки выполнены, нужно скачать файл (кнопка Download ). Это будет файл с расширением .tmTheme .
После этого нужно создать расширение для этой темы. Идём в каталог c:\Users\ЮЗЕР\.vscode\extensions\ , где VSCode хранит все установленные расширения. Делаем там каталог «my.themу», в который размещаем файл package.json такого содержания:
Название, версию можно поменять на свою. Параметр path указывает на tmTheme-файл. Его мы скачали с TmTheme Editor — нужно его переименовать в my.tmTheme . Делаем подкаталог themes и кидаем в него этот файл.
Параметр uiTheme указывает на базовый UI — в данном примере «vs» означает светлую тему. Если вы используется темную, то нужно указать «vs-dark».
После этого в Visual Studio Code переключаемся на вкладку расширений и включаем его.
Если вы решите изменить какой-то цвет в TmTheme Editor, то скачиваете новый файл и заменяете им my.tmTheme . Чтобы изменения вступили в силу, можно выключить расширение и опять его включить.
Свои настройки оформления Visual Studio Code
Лично я предпочитаю светлые темы оформления, хотя тёмные выглядят красивей, поскольку цвет на темном фоне лучше различим. Для меня проблема в том, что приходится постоянно переключаться с редактора на сайт в браузере и мельтешение «тёмное-светлое» довольно сильно раздражает. Поэтому, чтобы не насиловать глаза, я использую светлое оформление.
У готовых светлых тем существенный недостаток — низкий контраст цветов на белом фоне. Из-за этого подобрать нормальный цвет не такое простое занятие. Например многие используют светло-серый цвет текста: выгладит красиво, но для зрения получается слишком малый контраст. Другие, наоборот, ставят насыщенные цвета: синий, красный — для нас они несут ещё и смысловой оттенок, поэтому их нужно подбирать с умом. В общем, если вы такой же капризный как я, 🙂 то самым лучшим способом будет собственная настройка оформления VSCode. И делается это, на самом деле, достаточно просто.
Общий принцип
Все настройки хранятся как обычно в settings.json . Visual Studio Code разделяет оформление самого редактора от цветовой схемы подсветки кода. Сам редактор настраивается в очень широких пределах — изменить можно буквально каждый элемент дизайна.
В settings.json нужно сделать секцию workbench.colorCustomizations , в которой указываются изменяемые параметры. Это «глобальное оформление», которое перекроет оформление любой темы.
Оформление самого редактора
Я использую стандартную тему оформления Visual Studio Light и секция workbench.colorCustomizations у меня такая:
Параметр foreground задаёт базовый черный цвет текста. Второй параметр задает полупрозрачный желтый цвет для подсветки текущей линии. Параметров очень много: все они описаны в официальной документации Theme Color.
После сохранения settings.json изменения сразу же вступают в силу.
«Подводные камни»
Если расширение не нужно, то его можно просто отключить (enable).
Подсветка кода в VSCode
Теперь самое интересное. Для изменения подсветки кода, используется секция editor.tokenColorCustomizations . В ней указывается тема оформления, для которой нужно внести изменения. То есть настройки применятся только, если будет выбрана эта тема.
Покажу на примере:
Здесь выбрана тема «Visual Studio Light». Секция textMateRules как раз и содержит оформление для каждого элемента, который задаётся в параметре scope . Само же оформление задается в параметре settings .
Если оформление для разных элементов одно и тоже, то в scope можно их перечислить через запятую, например так (здесь два элемента):
Предусмотренных элементов очень много, более того, они ещё и имеют привязку к языку, поэтому Visual Studio Code предлагает готовый инструмент Inspect TM Scopes, который показывает всю необходимую информацию.
Для начала загрузите любой файл, например PHP (как в моих примерах). После этого нажмите F1 (открется панель команд) и в неё наберите Developer: Inspect TM Scopes и после нажмите Enter .
После этого можно поставить курсор на любой элемент и откроется окно с описанием этого элемента.
Здесь указывается текущее оформление. Строчка:
показывает какой именно элемент сейчас работает. А ниже приведена иерархия элементов:
Верхние элементы имеют более высокий приоритет. В данном примере сработал entity.name.function.php, но в коде могут встречаться и другие, например source.php.
Если нужно изменить элемент, достаточно скопировать его из этой информации и вставить в settings.json . После сохранения файла, изменения будут сразу же видны в коде.
Таким вот нехитрым способом можно настроить Visual Studio Code под любые «капризы». 🙂
Уроки программирования, алгоритмы, статьи, исходники, примеры программ и полезные советы
Поменять тему в Visual Studio
Ознакомившись с этим материалом, вы узнаете как поменять тему в Visual Studio.
Все цвета в студии меняются в "Параметры" -> "Шрифты и цвета". Конкретно то, что вы выделили называется "Идентификатор".
@АндрейNOP Я не считаю это ответом, ибо я не знаю что именно хочет автор. Данная настройка меняет почти все имена в коде на указанный цвет, а не только то, что выделено на скрине. По этому я не могу считать это ответом. Это больше скажем так наводка, нежели ответ.
@EvgeniyZ, любой ответ лучше чем никакого, вопрос без ответа будет бесконечно подниматься Духом и засорять ленту.
1 ответ 1
Стандартное решение
Для изменения цветов в Visual Studio существует специальный раздел "Шрифты и цвета". Находится он в "Среда" -> "Параметры" -> "Окружение" -> "Шрифты и цвета".
К примеру, хотим мы изменить указанный вами текст на красный:
- В "Шрифты и цвета" выбираем в выпадающем списке "Текстовый редактор".
- Ищем в нижнем списке "Идентификатор".
- Сбоку от списка есть настройки цвета, а также опции для изменения шрифта. К примеру в "Основной цвет элемента" выбираем "Красный".
- Жмем кнопку ОК.
Решение на основе ReSharper
- Для начала активируем опцию, которая переключит цвета в редакторе на те, что предоставляет ReSharper. Для этого заходим в настойки ReSharper "Code Inspector" -> "Settings" -> "Color identifiers".
- Далее идем в уже знакомые нам настройки студии, в раздел "Шрифты и цвета".
- Нас интересует "ReSharper Field Identifier", ставим ей текст на красный.
На просторе интернета есть еще пару плагинов, которые помогут в решение этой задачи, один из таких SemanticColorizer, но я с ними не знаком.
Читайте также: