Блог

Я пытаюсь настроить цвет HTML-тегов в react (файлы.tsx). Итак, я включил приведенный ниже код в settings.json файл.

 "editor.tokenColorCustomizations": {   "textMateRules": [  // TextMate grammars tokenization settings  {  "name": "JSX tags",  "scope": [  "entity.name.tag", // HTML tags (in JSX)  "entity.name.tag.html", // JSX Component tags  "meta.tag",  "meta.jsx"  ],  "settings": {  "foreground": "#18da32"  }  }  ]  },  

Однако даже после применения настроек цвет не меняется (цвет должен быть таким).

Что отображается

Однако, когда я использую инструменты разработчика, он показывает правильный шестнадцатеричный код!

Другой тег отображается правильно (темно-оранжевый цвет)

Это какая-то ошибка или я делаю что-то не так? Я даже закрыл VS code и начал снова, но без толку.

ваш settings.json json не является допустимым, в нем отсутствуют внешние фигурные скобки.

 {  "editor.tokenColorCustomizations": {   "textMateRules": [  // TextMate grammars tokenization settings  {  "name": "JSX tags",  "scope": [  "entity.name.tag", // HTML tags (in JSX)  "entity.name.tag.html", // JSX Component tags  "meta.tag",  "meta.jsx"  ],  "settings": {  "foreground": "#18da32"  }  }  ]  } }