对JSON文件使用vscode内置颜色选择器

Question

我正在尝试让内置的颜色选择器处理json ( hex清单)文件，就像它处理vscode自己的settings.json文件一样，在十六进制值旁边显示内联颜色块。

之前的一个帖子建议创建一个模式，并在此模式中使用format: color。我在settings.json的https://code.visualstudio.com/docs/languages/json文档中尝试过这个例子，虽然它确实在我的‘ve清单文档中提供了代码智能感知，但它仍然不显示颜色值。

"json.schemas": [
    {
        "fileMatch": ["*.webmanifest"],
        "url": "https://json.schemastore.org/web-manifest",
        "properties": {
            "theme_color": {
                "format": "color"
            }
        }
    }
]

我找不到vscode的内置json模式来查看它是如何在那里完成的。任何帮助都将不胜感激。汤姆

更新

这在包含type:object对之后才起作用。尽管如此，仍然有很多工作要做。

"json.schemas": [
    {   
         "fileMatch": ["*.webmanifest"],
         "schema": {
             "type": "object",
             "properties": {
                 "theme_color" : {
                     "type": "string",
                     "description": "toolbar colour: hex only",
                     "format": "color-hex"
                 }
             }
         }
    }
]

Answer 1

这对我来说效果很好。我只更改了*.json文件的扩展名。"fileMatch“接受一个数组，因此如果需要，您可以添加多个文件类型。

有关为什么需要这样做的文档：

https://code.visualstudio.com/docs/languages/json#_json-schemas-and-settings