dart - 如何在Visual Studio Code中为Dart变量设置语法突出显示

Question

我正在使用Visual Studio Code用Flutter编写Dart编码。我安装了Dart和Flutter插件以及Matta Astorino的Material主题。问题是我无法使用“ Material 主题海洋高对比度”颜色主题专门用Dart语言设置变量的语法突出显示。

我使用的设置:

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

-镖

从上图中可以看出，注释语法突出显示效果不错，但是变量的语法突出显示仍显示为灰色(应该是白色)。

-JavaScript

在JavaScript中，它似乎可以正常工作。

请为VSCode的这些Dart语法突出显示提供帮助，谢谢。

Answer 1

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

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



在这里您已经描述了如何做:

https://code.visualstudio.com/blogs/2017/02/08/syntax-highlighting-optimizations#_new-textmate-scope-inspector-widget

要更好地理解，请阅读:

https://macromates.com/manual/en/language_grammars 12.4命名约定

https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide

Sublime Text也有很好的解释:

https://www.sublimetext.com/docs/3/scope_naming.html

okt，现在:

当您确定范围是什么时，则必须创建或覆盖它。
例:

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

如果您将创建越来越多的新范围，请记住:

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