Блог

Однако я хотел бы изменить цветовое выделение текста на изображении, которое я опубликовал ниже; Я не могу найти имя токена/свойства, которое отвечает за его цвет переднего плана. Когда я помещаю курсор в строку, текст подсвечивается.

В настоящее время я использую тему VSCode: Материал с высокой контрастностью Palenight.

Инструмент инспектора области действия VS-кода:

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

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

Как использовать инструмент Scope-Инспектор-Инструмент:

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

Проверьте маркеры и области действия редактора

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

Примечание: Этот инструмент работает только внутри редактора для подсветки синтаксиса, предусмотренной вашей текущей темой. Единственным исключением из этого правила является то, что ваши свойства переопределяются расширением или в настоящее время они изменены в ваших локальных или глобальных файлах vscode/settings.json.

После того, как вы получите имя свойства, вам необходимо настроить свою тему в файле VSCode settings.json. Я предлагаю изменить его в локальных настройках, а не в глобальных, используя путь к файлу:

 ./.vscode/settings.json
 

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

 
  "tokenColors": [
    {
      "scope": "string", // Enter the syntax-token-scope here
      "settings": {
        "foreground": "#FFBBBB", // Set the text-color here
        "fontStyle": "bold" // set the text style here
      }
    }

    // For changing other syntax just keep adding blocks
   ]

 

Совет: Свойства на самом деле являются областями действия токенов TextMate.

Для получения дополнительной помощи в изучении названий областей действия токенов (Свойств подсветки синтаксиса) вы можете посетить официальную страницу VSCodes по ссылке ниже.

VSCode для подсветки синтаксиса