VScode 中的 JavaScript 颜色突出显示错误

Question

Sublime Text 3中的相同代码：

默认VScode主题（深色），没有这个bug，所有函数名和方法都有相同的颜色。但是许多其他主题（例如monokai和Abyss）都有这个bug /feature.

我希望函数名称和方法具有相同的颜色（第10、11、13、16行）。理想情况下，所有行都像ST3-蓝色（第13行-绿色）。但是，如果它是绿色也没关系。

我阅读了范围命名链接，尝试比较不同的主题。安装所有基于单kai的主题，但所有主题都有此错误。我试图创建新的，但我没有做我需要的。

那么，是否有可能解决此问题？

Answer 1

你的函数不应该有一个结束行“；”添加。然而，你的变量测试应该有一个，这是简单的语法错误，并不总是被抓住。这篇文章晚了几年，但它是在搜索中出现的，上面的建议工作量太大。

Answer 2

您可以使用 vscode 命令开发人员：检查 TM 范围进行范围检查。这种颜色会改变，因为 vscode 认为 click（）， addEventListener（）...是与 DOM 相关的特殊属性，应突出显示。

解决方法是在中修改< code > monokai-color-theme . JSON

< Code > 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"
    }
}

这将进行函数调用

如果主题更新，它很可能会覆盖这个文件。

在某些版本中，可以根据设置修改主题。jsonCtrl，

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