VScode 中 JavaScript 颜色突出显示错误

Question

我全新安装了 VScode 编辑器 (v.1.14.2)。没有安装任何扩展。我在非常简单的文件中突出显示 JavaScript 时遇到问题。

Sublime Text 3 中的相同代码:

默认的VScode主题(Dark+)，没有这个bug，并且所有函数名和方法都有相同的颜色。但许多其他主题(例如 monokai 和 Abyss)都有这个错误/功能。

我希望函数名称和方法具有相同的颜色(第 10、11、13、16 行)。理想情况下，所有行都像 ST3 中那样 - 蓝色(第 13 行 - 绿色)。不过，如果是绿色就可以了。

我读到scope naming链接，尝试比较不同的主题。安装所有基于 monokai 的主题，但所有主题都有此错误。我试图创建一个新的，但我没有做我需要的事情。

那么，有可能解决这个问题吗？

Answer 1

您可以使用 vscode 命令Developer: Inspect TM Scopes 进行范围检查。这种颜色发生变化是因为 vscode 认为 click()、addEventListener()... 是特殊的 DOM 相关属性，应该突出显示。

解决方法是修改

中的 monokai-color-theme.json

Microsoft VS Code\resources\app\extensions\theme-monokai\themes。

在此数组中“tokenColors”:[]添加:

{
    "name": "DOM & invocation color fix",
        "scope": "meta.function-call.js entity.name.function, meta.function-call.js support.function.dom.js",
            "settings": {
        "foreground": "#66D9EF"
    }
}

这将使函数调用和 DOM 方法变得像 sublime 一样。

附注如果主题更新，它很可能会覆盖此文件。

编辑:

从某些版本可以修改 settings.json 的主题Ctrl+,

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": ["meta.function-call.js entity.name.function", 
                "meta.function-call.js support.function.dom.js"],
            "settings": {
                "foreground": "#66D9EF"
            }
        }
    ]
}