如何配置 VS Code 以启用 .json 文件的代码完成（jsonschema 支持）？

Question

在Visual Stuido Code demo 分钟 28:57-29:20 和 30:20-31:10，显示了一些很酷的 JSON 代码完成。

在哪里以及如何将我的 JSON 文件的架构添加到项目中？

VS Code 如何知道给定.json 文件使用哪个架构？

Answer 1

JSON 模式与文件的关联在属性“json.schemas”下的设置（文件、首选项、用户设置或工作区设置）中完成。

这是 bower 的 JSON 模式如何与 bower 模式关联的示例。

"json.schemas": [
    {
        "fileMatch": [
            "/bower.json",
            "/.bower.json"
        ],
        "url": "http://json.schemastore.org/bower"
    },
    ...

您还可以使用工作区中的架构或直接在设置本身中定义架构。查看https://code.visualstudio.com/docs/languages/json 获取示例。

Answer 2

我让 VS Code 使用 JSON 模式的三种方式是......

因此对于来自 ...http://json.schemastore.org

的Azure函数架构

"json.schemas": [
  {
    "fileMatch": [
      "/function.json"
    ],
    "url": "http://json.schemastore.org/function"
  }
]

1. 在用户设置中，即在'C:\Users\\AppData\Roaming\Code\User'中作为用户settings.json中的一个元素

   李>

2. 在 “工作区设置” 中，然后在 .code-workspace 文件中的“设置”部分... 假设您使用的是 VS Code 工作区

3. 在“文件夹设置”中，它是settings.json 中的“设置”部分，位于.vscode 目录中... 假设您正在使用一个 VS 代码工作区

文件夹优先于工作区，工作区优先于用户

并且工作区和文件夹使用相对路径，例如在.code-workspace 文件中...

"settings": {
  "json.schemas": [
    {
      "fileMatch": [
        "/task.json"
      ],
      "url": "./schema/tasks.schema.json"
    }
  ]
}

或在文件夹设置settings.json 中\.vscode\ ...

"json.schemas": [
  {
    "fileMatch": [
      "/task.json"
    ],
    "url": "./schema/tasks.schema.json"
  }
]

Answer 3

您可以在 $schema 节点中引用您的 JSON Schema，并立即在 VS Code 中获得智能感知。无需在其他任何地方进行配置。

例如，

{ "$schema": "http://json.schemastore.org/coffeelint", “line_endings”：“unix” }

这就是我所说的智能感知。 JSON Schema 在您当前的光标位置具有可能的 JSON 属性列表，VS Code 可以提取该智能感知列表。

请注意，每个官方 JSON 都应该有一个具体的 JSON Schema 来证明数据的完整性。这个答案仍然有效！