Как изменить тему vs code
Перейти к содержимому

Как изменить тему vs code

  • автор:

Изменение внешнего вида (темы) visual studio

введите сюда описание изображения

В общем при гуглении различных тем для изменения внешнего вида IDE (пример ниже на фото, но это вроде Atom или Visual Code) в интернете можно найти только различные темы для Visual Studio Code. Знаю, что можно вручную устанавливать различные цвета для текста, но можно ли в VS менять разные темы (кроме светлой и темной) так же автоматически, как в VSCode или Atom и если да, то где их найти и как установить? P.S. Если не совсем понятно что за темы для VSCode то вот пример сайта с ними — vscodethemes.com

Как изменить тему vs code

В связи с переходом на новый движок. возможны сбои в работе! Простите!
Работы производятся прямо сейчас 09-03-2024! ��

Как сменить тему на «Visual Studio Code«?

Когда люди пишут инструкции — они такие скучные и непонятные, в которых еще нужно и разбираться! У нас все просто!

Открываем программу VS Code.

Идем — файл — параметры — цветовая тема:

Нажмите, чтобы открыть в новом окне.

Как сменить тему на ‘Visual Studio Code‘?

В новом окне выбираем тему. список тем слева, просто кликайте оп названию темы — она установится автоматически. справа строка прокрутки.

Если тем не хватило, то можно перейти по ссылке внизу ссылки.

Нажмите, чтобы открыть в новом окне.

Как сменить тему на ‘Visual Studio Code‘?

Горячие клавиши сменить тему на «Visual Studio Code«?

Для быстрого доступа к новым темам и смены тем в «Visual Studio Code» есть горячие клавиши.

Не буду повторять тот путь, что уже выше проделывали.

Нажмите, чтобы открыть в новом окне.

Горячие клавиши сменить тему на ‘Visual Studio Code‘?

Быстрая смена тем на «Visual Studio Code«

Быстрая смена тем на «Visual Studio Code» происходит по нажатию клавиш «ctrl + K ctrl + T»

ctrl + K ctrl + T Как нажимать!?

Зажали клавишу ctrl(не отпускаем. ) — далее K и далее T

Как поставить светлую тему «Visual Studio Code«?

Как мы уже выше выяснили, быстрый доступ к темам. нажимаем:

ctrl + K ctrl + T

В окне, смотрим, есть строчка — «светлые темы», либо просто выбираем светлую тему, либо слева есть несколько светлых тем для Visual Studio Code«.

Нажмите, чтобы открыть в новом окне.

Как поставить светлую тему ‘Visual Studio Code‘?

Как поставить темную тему «Visual Studio Code«?

Если вам нужно поставить темную тему в «Visual Studio Code«, то проделываем аналогичные действия.

ctrl + K ctrl + T

И далее выбираем темную тему

Нажмите, чтобы открыть в новом окне.

Как поставить темную тему ‘Visual Studio Code‘?

Загрузить сторонние темы «Visual Studio Code«?

Если вам вдруг. не хватило перечисленных тем, то можно загрузить сторонние темы.

ctrl + K ctrl + T

Установить дополнительные цветовые темы.

Загрузить сторонние темы ‘Visual Studio Code‘?

Слева открываем строку поиска нажав по кнопке «extensions»(ctrl + shift + X)

В строке вводим:

Выбор сторонне темы «Visual Studio Code«?

И в двух случаях попадаем в одно и то же место:

Я пытался я прокрутить до самого низа. когда кончится список сторонних тем . но у меня не получилось — может у вас получится!?

Нажмите, чтобы открыть в новом окне.

Выбор сторонне темы ‘Visual Studio Code‘?

Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Ещё : dwweb.ru есть здесь:

ruweb

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru!
© 2015 — 2024 Контакты. Реклама на сайте
Лучший хостинг : RUWEB + помощь по RUWEB

Изменение шрифтов, цветов и тем в Visual Studio

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

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

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

Изменить цвет темы

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

Screenshot of the Options dialog box where you can change the color theme.

  1. В строке меню выберите пункт Сервис>Параметры.
  2. В списке параметров выберите «Общие среды>«.
  3. В списке «Цвет» выберите темную тему по умолчанию , светлую тему, синюю тему или синюю (дополнительную контрастность). Можно также выбрать тему, используемую Windows, выбрав параметр Использовать системные настройки.

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

Совет Требуется больше тем? Ознакомьтесь с широким набором настраиваемых тем в магазине Visual Studio Marketplace. Дополнительные сведения о примерах новых настраиваемых тем Visual Studio 2022 на основе VS Code см. в записи блога Новая коллекция тем Visual Studio.

Screenshot of the Options dialog box to change the color theme

  1. В строке меню выберите пункт Сервис>Параметры.
  2. В списке параметров выберите «Общие среды>«.
  3. В списке «Цвет» выберите тему blue по умолчанию, светлую тему, темную тему или синюю (дополнительную контрастность).

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

  • Конструктор цветовых тем для Visual Studio 2019.
  • Редактор цветовых тем для Visual Studio 2017

Изменение шрифтов и размера текста

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

Изменение шрифта и размера текста в интегрированной среде разработки

Screenshot of the Options dialog box where you change the font and text size in the IDE

  1. В строке меню выберите пункт Сервис>Параметры.
  2. В списке параметров выберите «Шрифты среды >» и «Цвета».
  3. В списке «Показать параметры» выберите «Среда«.

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

Screenshot of the Options dialog box to change fonts and colors in the IDE

  1. В строке меню выберите пункт Сервис>Параметры.
  2. В списке параметров выберите «Шрифты среды >» и «Цвета».
  3. В списке «Показать параметры» выберите «Среда«.

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

Изменение шрифта и размера текста в редакторе

Screenshot of the Options dialog box where you change the font and text size in the editor

  1. В строке меню выберите пункт Сервис>Параметры.
  2. В списке параметров выберите «Шрифты среды >» и «Цвета».
  3. В списке Показать параметры для выберите Текстовый редактор.
  4. Чтобы изменить шрифт и размер текста для редактора, измените значения параметров Шрифт и Размер.
  5. Выберите соответствующий элемент в области Отображаемые элементы и затем измените параметры Основной цвет элемента и Фоновый цвет элемента.

Screenshot of the Options dialog box to change fonts and colors in the editor

  1. В строке меню выберите пункт Сервис>Параметры.
  2. В списке параметров выберите «Шрифты среды >» и «Цвета».
  3. В списке Показать параметры для выберите Текстовый редактор.
  4. Чтобы изменить шрифт и размер текста для редактора, измените значения параметров Шрифт и Размер.
  5. Выберите соответствующий элемент в области Отображаемые элементы и затем измените параметры Основной цвет элемента и Фоновый цвет элемента.

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

Настройка языковых параметров редактора

Вы можете внести различные изменения в редактор кода, чтобы он соответствовал выбранному языку программирования. Например, можно изменить форматирование скобок в C#, чтобы они появлялись в текущей строке или на новой строке, и т. д. Сведения о настройке редактора кода см. в разделе Настройка параметров редактора для определенного языка.

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

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

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

Использование шрифта Cascadia Code

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

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

Screenshot of an example of the Cascadia Mono font in the Editor.

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

Screenshot of an example of the Cascadia Code font in the Editor.

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

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

Screenshot of the Cascadia fonts available from the Options dialog box.

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

При слабом зрении можно использовать специальные параметры цветовой темы. Параметр высокой контрастности можно использовать для всех приложений и пользовательского интерфейса на компьютере. Дополнительный параметр контрастности также можно использовать только для Visual Studio.

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

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

  • В Windows или любом приложении Майкрософт нажмите сочетание клавиш Левая клавиша ALT+Левая клавиша SHIFT+PRTSCN.
  • В Windows выберите «Пуск>«Параметры > Ease of Access. Затем в разделе «Визуальное зрение » в Windows 10 и более поздних версиях выберите «Высокая контрастность«.

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

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

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

  1. В строке меню в Visual Studio выберите «Параметры инструментов>«, а затем в списке параметров выберите «Общие среды».>
  2. В раскрывающемся списке «Цветная тема» выберите тему «Синий (дополнительная контрастность») и нажмите кнопку «ОК«.

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

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

Visual Studio также включает функции, помогающие людям с ограниченными возможностями письма. Например, Visual Studio поддерживает раскладки клавиатуры Дворака, что упрощает ввод часто используемых символов.

Также можно настроить сочетания клавиш по умолчанию, доступные в Visual Studio. Дополнительные сведения см. на следующих страницах:

  • Определение и настройка сочетаний клавиш
  • Практическое руководство. Работа только с клавиатуры
  • Сочетания клавиш в Visual Studio

Visual Studio также включает автозавершение для методов и параметров; Дополнительные сведения см. в разделе IntelliSense в Visual Studio.

Существуют и другие способы настройки специальных возможностей Visual Studio. Например, можно изменить поведение всплывающих окон, текстовых окон инструментов, кнопок панели инструментов, индикаторов полей и т. д.

Отображаемые диалоговые окна и команды меню могут отличаться от описанных здесь. Они зависят от текущих параметров или выпуска. Чтобы изменить параметры, выберите в меню Сервис пункт Импорт и экспорт параметров. Дополнительные сведения см. в разделе Сброс параметров.

Изменение поведения всплывающих окон

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

Вот как отключить всплывающие окна:

  1. В меню Сервис выберите Параметры.
  2. Выберите «Текстовый редактор>» «Общие языки».>
  3. Снимите флажки Отображать автоматически список членов и Сведения о параметрах.

Вы можете изменить порядок окон в интегрированной среде разработки (IDE) так, как вам удобно. Любое окно инструментов можно закрепить, сделать плавающим, скрыть или скрывать автоматически. Дополнительные сведения об изменении макетов окон см. в этой статье.

Изменение параметров текстовых окон инструментов

Вы можете изменить параметры для текстовых окон инструментов, таких как командное окно, окно Интерпретация и окно вывода, используя меню Средства>Параметры>Среда>Шрифты и цвета.

Если в раскрывающемся списке Показать параметры для выбран пункт [Все окна текстовых инструментов], значение по умолчанию указано как По умолчанию в раскрывающихся списках Основной цвет элемента и Цвет фона элемента. Нажмите кнопку «Пользовательская», чтобы изменить эти параметры.

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

  1. В меню Сервис выберите Параметры.
  2. Выберите шрифты среды >и цвета.
  3. Выберите нужный пункт в раскрывающемся списке Показать параметры для. Чтобы изменить размер шрифта для текста в редакторе, выберите текстовый редактор. Чтобы изменить размер шрифта для текста в текстовых окнах инструментов, выберите [Все окна текстовых инструментов]. Чтобы изменить размер шрифта для текста подсказки в редакторе, выберите подсказку редактора. Чтобы изменить размер шрифта для текста в всплывающем заполнения инструкции, выберите «Завершение инструкции».
  4. В списке Отображаемые элементы выберите Обычный текст.
  5. В поле Шрифт выберите новый тип шрифта.
  6. В поле Размер выберите новый размер шрифта.

Совет Чтобы сбросить размер текста для текстовых окон инструментов и редакторов, выберите «Использовать значения по умолчанию«.

Изменение цвета для текста, индикаторов полей, пустого пространства и элементов кода

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

  1. В меню Сервис выберите Параметры.
  2. В папке «Среда» выберите шрифты и цвета.
  3. В поле Параметры для выберите Текстовый редактор.
  4. В меню «Отображение» выберите элемент, отображаемый в котором необходимо изменить, например обычный текст, номер строки, поле индикатора, видимое пробелы,имя атрибута HTML или XML-атрибут.
  5. Выберите настройки отображения в следующих полях: Основной цвет элемента, Фоновый цвет элемента и Полужирный.
  6. Нажмите ОК.

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

Чтобы задать высокую контрастность цветов для всех окон приложений в операционной системе, нажмите левую клавишу ALT+левую клавишу SHIFT+PRINT SCREEN. Если программа Visual Studio запущена, закройте и снова откройте ее, чтобы применить режим высокой контрастности.

Добавление текста на кнопки панели инструментов или изменение текста

Для повышения удобства панели инструментов можно добавить текст для кнопок панели.

Назначение текста кнопкам панели инструментов
  1. В меню «Сервис» выберите «Настроить«.
  2. В диалоговом окне Настройка выберите вкладку Команды.
  3. Выберите панель инструментов и выберите имя панели инструментов, которая содержит кнопку, для которой будет отображаться текст.
  4. В списке выберите команду, которую требуется изменить.
  5. Выберите » Изменить выделение«.
  6. Выберите изображение и текст.
Изменение отображаемого текста кнопки
  1. Повторно выберите вариант «Изменить выделение«.
  2. В поле «Имя» введите новый подпись для выбранной кнопки.

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

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

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

Связанный контент

  • Функции редактора кода в Visual Studio
  • Страница «Шрифты и цвета», папка «Среда», диалоговое окно «Параметры»
  • Изменение текстового регистра в редакторе
  • Настройка макетов окон и персонализация вкладок

Как настроить оформление Visual Studio Code

В Visual Studio Code (VSCode) темы оформления можно настроить несколькими способами. Самый простой — это установить уже готовый вариант. Поскольку выбор, действительно, очень большой, то можно подобрать наиболее привлекательный вариант. Второй способ — это воспользоваться он-лайн редактором тем, где можно самостоятельно настроить все цвета. И третий вариант — это используя уже готовую тему, внести необходимые коррективы в локальные настройки.

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

Готовые темы для Visual Studio Code

Здесь всё очень просто: все темы устанавливаются с официального сайта: Marketplace. На странице темы есть ссылка Install , нажав на которую, откроется сам VSCode, где и выбирается установка.

Для переключения установленных тем используются горячие клавиши Ctrl+K+T (нажать Ctrl, потом не отпуская, «K» и «T»). Дальше курсором выбираем любой вариант.

Выбор темы оформления в Visual Studio Code

В Marketplace не очень удобно сделан предпросмотр тем, поэтому можно выбрать тему с других сайтов, например:

  • orta.io/vscode-themes — здесь большие скриншоты всех тем на одной странице.
  • vscodethemes.com — здесь темы уже сгруппированы на светлые и тёмные, а также доступен предпросмотр для HTML/JS/CSS-кода.

Создание своей темы для VSCode

При желании можно создать и свою тему. Для этого нужно воспользоваться он-лайн редактором TmTheme Editor. Вначале лучше выбрать из галереи какой-то подходящий вариант, после его отредактировать. После того, как настройки выполнены, нужно скачать файл (кнопка Download ). Это будет файл с расширением .tmTheme . После этого нужно создать расширение для этой темы. Идём в каталог c:\Users\ЮЗЕР\.vscode\extensions\ , где VSCode хранит все установленные расширения. Делаем там каталог «my.themу», в который размещаем файл package.json такого содержания:

< "name": "My theme", "version": "1.0.0", "engines": < "vscode": ">=0.9.0-pre.1" >, "publisher": "MAX", "contributes": < "themes": [ < "label": "MyTheme", "uiTheme": "vs", "path": "./themes/my.tmTheme" >] > >

Своя тема для VSCode

Название, версию можно поменять на свою. Параметр 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 у меня такая:

. "workbench.colorCustomizations": < "foreground": "#000000", "editor.lineHighlightBackground": "#F0F05D70" >, .

Параметр foreground задаёт базовый черный цвет текста. Второй параметр задает полупрозрачный желтый цвет для подсветки текущей линии. Параметров очень много: все они описаны в официальной документации Theme Color. После сохранения settings.json изменения сразу же вступают в силу.

«Подводные камни»

Некоторые расширения могут перекрывать ваши настройки. Я столкнулся с тем, что например расширение Git (сейчас это стандартное расширение, доступное в общих настройках), изменяет цвет списка файлов. То есть я указываю цвет #000000, но он принудительно меняет их на малоконтрастный серый. В данном случае Git нашёл существующий репозиторий и решил, что изменения не заcommit’чены. Настройки оформления для Git’а другие (они есть в документации). Поэтому, если какой-то параметр вдруг не работает, то возможно его перебивает какое-то расширение. Если расширение не нужно, то его можно просто отключить (enable).

Подсветка кода в VSCode

Теперь самое интересное. Для изменения подсветки кода, используется секция editor.tokenColorCustomizations . В ней указывается тема оформления, для которой нужно внести изменения. То есть настройки применятся только, если будет выбрана эта тема. Покажу на примере:

. "editor.tokenColorCustomizations": < "[Visual Studio Light]": < "textMateRules": [ < "scope": "entity.name.function.php", "settings": < "foreground": "#000000", "fontStyle": "italic underline" >>, < "scope": "variable.other.php", "settings": < "foreground": "#0000BB", >>, ], >, >, .

Здесь выбрана тема «Visual Studio Light». Секция textMateRules как раз и содержит оформление для каждого элемента, который задаётся в параметре scope . Само же оформление задается в параметре settings . Если оформление для разных элементов одно и тоже, то в scope можно их перечислить через запятую, например так (здесь два элемента):

Предусмотренных элементов очень много, более того, они ещё и имеют привязку к языку, поэтому Visual Studio Code предлагает готовый инструмент Inspect TM Scopes, который показывает всю необходимую информацию. Для начала загрузите любой файл, например PHP (как в моих примерах). После этого нажмите F1 (открется панель команд) и в неё наберите Developer: Inspect TM Scopes и после нажмите Enter . Инструмент Developer: Inspect TM ScopesПосле этого можно поставить курсор на любой элемент и откроется окно с описанием этого элемента. Окно информации об элементеЗдесь указывается текущее оформление. Строчка:

entity.name.function.php
показывает какой именно элемент сейчас работает. А ниже приведена иерархия элементов:

entity.name.function.php meta.function-call.php source.php meta.embedded.block.php text.html.php

Верхние элементы имеют более высокий приоритет. В данном примере сработал entity.name.function.php, но в коде могут встречаться и другие, например source.php. Если нужно изменить элемент, достаточно скопировать его из этой информации и вставить в settings.json . После сохранения файла, изменения будут сразу же видны в коде.

Подсказка. Удобно разделить окна редактора VSCode, чтобы в одном был исходный php-код, а в другом settings.json .

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *