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

Question

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

我使用的设置：

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

-镖

从上图中，注释语法突出显示似乎工作正常，但变量的语法突出显示仍然显示为灰色（应该是白色）。

-JavaScript

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

请帮助这些 Dart 语法突出显示 VSCode 谢谢。

Answer 1

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

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

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

• https://code.visualstudio.com/blogs/2017/02/08/syntax-highlighting-optimizations#_new-textmate-scope-in​​spector-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

好的，现在：

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

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

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

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