VS Code无法修改Flutter Dart语法高亮，如何实现与Android Studio一致配色

• 第一步：安装适配主题
  优先安装VS Code插件市场的JetBrains Darcula Theme或者Android Studio Darcula Theme，两款插件都对JetBrains系的默认配色做了全量适配，自带Dart/Flutter语法高亮优化，不需要额外调整大部分元素配色。
• 第二步：自定义配置作用域配色
  打开VS Code的settings.json配置文件，新增以下规则，可直接对齐Android Studio默认Darcula主题的Widget、参数等元素配色，你也可以根据自己的AS实际配色替换对应的色值：

  "editor.tokenColorCustomizations": {
    // 方括号内替换为你实际使用的主题名称
    "[JetBrains Darcula Theme]": {
      "textMateRules": [
        // Widget类配色
        {
          "scope": "entity.name.type.class.dart",
          "settings": {
            "foreground": "#A9B7C6"
          }
        },
        // 命名参数配色
        {
          "scope": "meta.parameter.dart variable.parameter.dart",
          "settings": {
            "foreground": "#9876AA"
          }
        },
        // 字符串常量配色
        {
          "scope": "string.quoted.dart",
          "settings": {
            "foreground": "#6A8759"
          }
        },
        // 方法函数配色
        {
          "scope": "entity.name.function.dart",
          "settings": {
            "foreground": "#FFC66D"
          }
        }
      ]
    }
  }
  

• 第三步：修复语法作用域识别异常
  你之前通过作用域检查器仅获取到source.dart是因为Dart插件的语法解析功能未全开，进入Dart插件设置页，开启Dart: Analysis Server Diagnostics选项，同时卸载其他非官方的Dart语法高亮插件，避免冲突。
• 第四步：微调色值（可选）
  如果需要100%对齐你自己的AS配色，用取色工具从你的AS界面截图提取对应元素的色值，替换上述配置中的foreground字段即可。

参考对比图：
Android Studio配色效果：

当前VS Code配色效果：

内容的提问来源于stack exchange，提问作者Mahmoud Abdellatief