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

时间:2017-07-30 22:12:52

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

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

Sublime Text 3中的相同代码:

js code in default ST3

默认VScode主题(Dark +),没有此错误,并且所有函数名称和方法都具有相同的颜色。但是许多其他主题(例如monokai和Abyss)都有这个错误/特征。

我希望功能名称和方法具有相同的颜色(第10,11,13,16行)。理想情况下,所有线路都像ST3一样 - 蓝色(第13行 - 绿色)。但是,如果它是绿色的话也没关系。

我看了scope naming链接,尝试比较不同的主题。安装所有基于monokai的主题,但所有主题,都有这个bug。我试图创造新的,但我没有做我需要的。

那么,有可能解决这个问题吗?

2 个答案:

答案 0 :(得分:3)

您可以使用vscode命令const builtinLibs = [ 'assert', 'async_hooks', 'buffer', 'child_process', 'cluster', 'crypto', 'dgram', 'dns', 'domain', 'events', 'fs', 'http', 'https', 'net', 'os', 'path', 'punycode', 'querystring', 'readline', 'repl', 'stream', 'string_decoder', 'tls', 'tty', 'url', 'util', 'v8', 'vm', 'zlib' ]; 进行范围检查。此颜色发生变化,因为vscode认为Developer: Inspect TM Scopesclick() ...是与DOM相关的特殊属性,应突出显示。

解决方法是修改

中的addEventListener()

monokai-color-theme.json

在此数组Microsoft VS Code\resources\app\extensions\theme-monokai\themes中添加:

"tokenColors": []

这将使函数调用& DOM方法类似于崇高。

P.S。如果主题更新,它很可能会覆盖此文件。

编辑:

从某个版本可以修改主题settings.json Ctrl +

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

答案 1 :(得分:1)

您的函数不应包含结尾行“;”添加。但是,您的变量测试应该有一个,这是简单的语法错误,并不总是被捕获。这篇文章已经晚了几年,但是在搜索中出现了,上述建议工作量太大。