如何高亮VSCode中的全局变量？

Question

有没有办法使用配置或扩展在 VSCode 中突出显示全局变量？ 我正在寻找类似于 Netbeans 的东西。

Netbeans：

VSCode:

Answer 1

我做了一些研究，但找不到任何类型的扩展来实现这一点。

但是，我发现当我们将鼠标悬停在代码中的任何位置时，变量声明的显示方式有所不同。

全局变量：只显示变量类型和名称。

局部变量： 除了名称和类型，它还显示方法名称，表明它在方法内部声明的本地。

这是我看到的唯一区分方式。

Answer 2

自从我发布这个问题后，semanticTokenColorCustomizations 和范围的工作方式有了一些更新，因此我能够使用以下设置突出显示全局变量：

    "editor.semanticTokenColorCustomizations": {
        "enabled": true,
        "rules": {
            "variable": {"bold": true}, // Bold all variables
            "variable.local": {"bold": false}, // Un-bold local variables
            "variable.defaultLibrary": {"bold": false}, // Un-bold defaultLibrary "variables" such as "console"
            "property.declaration": {"bold": false}, // Un-bold object property value shorthand
        }
    },

但是，这似乎只突出显示已声明（或在同一文件中声明）的全局变量。解决方法是添加 editor.tokenColorCustomizations 以获取语义突出显示不 select.

的任何变量

    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "variable.other.readwrite",
                "settings": {
                    "fontStyle": "bold"
                }
            }
        ]
    },

结果如下：

这是相当未经测试的，旨在为 JavaScript 工作，但我希望它是未来可能需要它的任何人的起点。