VSCode中tmLanguage语法高亮花括号显示异常问题排查

• 确认Scope优先级与匹配准确性
  先检查你的tmLanguage.json里，花括号绑定的Scope是否和尖括号完全一致。比如尖括号如果绑定的是punctuation.bracket，花括号也必须用同一个顶级Scope，别用punctuation.bracket.curly这类细分Scope——Dracula主题默认对细分的花括号Scope有彩虹色规则，会覆盖你的自定义设置。
  打开VSCode的Scope Inspector（快捷键Ctrl+Shift+P/Cmd+Shift+P输入Developer: Inspect Editor Tokens and Scopes），选中花括号，确认实际生效的Scope是不是你自定义的那个，如果显示多个Scope，优先级高的会覆盖颜色。

• 排查插件冲突
  直接禁用所有第三方扩展，重启VSCode后看花括号颜色是否恢复正常。如果正常，再逐个启用扩展，每次重启后检查，直到找到引发冲突的插件。很多语法高亮类插件（比如通用括号彩虹色插件、其他语言的语法扩展）会强制覆盖花括号的Scope和颜色。

• 强制自定义主题颜色规则
  要是上面的方法没用，直接在VSCode的settings.json里加强制颜色规则，跳过主题和其他插件的设置：

  "editor.tokenColorCustomizations": {
      "[Dracula]": {
          "textMateRules": [
              {
                  "scope": "punctuation.bracket.curly", // 替换成你自定义的花括号Scope
                  "settings": {
                      "foreground": "#8BE9FD"
                  }
              }
          ]
      }
  }
  

• 验证正则匹配完整性
  检查tmLanguage.json里匹配花括号的正则\{+是否覆盖了所有场景，比如嵌套花括号、单独的{或}是不是都被匹配到同一个Scope组。有时候其他规则先匹配了部分花括号，会导致不同Scope被应用，出现颜色差异。

内容的提问来源于stack exchange，提问作者Lance Pollard