如何在Visual Studio Code中为Dart变量设置语法高亮显示

Question

我使用Visual Studio Code与Flutter一起编码Dart。我安装了Dart和Flutter插件以及Matta Astoino的材料主题。问题是我不能使用材料主题海洋高对比度颜色主题使用Dart语言专门设置变量的语法亮点。

我使用的设置:

  "editor.tokenColorCustomizations": {
    "[Material Theme Ocean High Contrast]": {
    "comments": "#229977",
    "variables": "#ffffff"
    }
  },

从上图来看，注释语法高亮显示似乎工作正常，但是变量的语法高亮显示仍然是灰色的(应该是白色的)。

在JavaScript中，它似乎工作得很好。

请帮助这些Dart语法高亮显示VSCode谢谢。

Answer 1

我不使用Dart，但我可以说，有时你必须更具体地设置语法范围颜色。

首先-您需要知道范围是什么。为此，请运行检查TM范围。

这里您已经描述了如何做到这一点：

• https://code.visualstudio.com/blogs/2017/02/08/syntax-highlighting-optimizations#_new-textmate范围检查器小部件

为了更好地理解，最好阅读：

< Li > https://macrometes . com/manual/en/language _ grammars 12.4命名约定 < Li > https://code . visual studio . com/API/language-extensions/syntax-highlight-guide

Sublime Text也有一个很好的解释：

< Li > https://www . sublime text . com/docs/3/scope _ naming . html

好的，现在：

当您发现范围是什么时，您必须创建或覆盖它。例：

    "editor.tokenColorCustomizations": {
        "[My Theme Name]": {
            "textMateRules": [
                {
                    "name": "Entity",
                    "scope": "entity.name",
                    "settings": {
                        "foreground": "#FFC66D"
                    }
                },
            ]
        }
    },

如果您要创建越来越多的新作用域，请记住：

• 过于具体会导致颜色方案通常只适合一种或两种语法