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

【问题标题】：JavaScript color highlighting error in VScodeVScode中的JavaScript颜色突出显示错误
【发布时间】：2018-01-06 09:29:34
【问题描述】：

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

Sublime Text 3 中的相同代码：

默认VScode主题（Dark+），没有这个bug，所有函数名和方法颜色都一样。但是许多其他主题（例如monokai 和 Abyss）都有这个错误/功能。

我希望函数名称和方法具有相同的颜色（第 10、11、13、16 行）。理想情况下，ST3 中的所有行 - 蓝色（第 13 行 - 绿色）。但是，如果它是绿色的就可以了。

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

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

【问题讨论】：

标签： javascript themes visual-studio-code vscode-extensions

【解决方案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 方法变得崇高。

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

编辑：

从某些版本可以修改主题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"
            }
        }
    ]
}

【讨论】：

非常非常非常感谢。我了解文件、禁用覆盖或制作我自己的主题“与卡片和女孩”pan>

【解决方案2】：

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

【讨论】：