首页 前端知识 vscode使用JSON schema的三种方式

vscode使用JSON schema的三种方式

2024-06-26 23:06:31 前端知识 前端哥 764 784 我要收藏

前言:JSON schema的作用,主要是针对json的书写的时候,我们能够根据提供的schma的提示(包括key和value),快速的书写出一个符合要求的json

一、通过用户设置(Settings)中的json.schemas选项来配置映射关系

json.schemas的书写其中也包括两种方式

1.通过设置url的方式,把映射关系放在文件中

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

其中fileMatch是匹配的文件格式,./a.json表示当前目录下的a.json文件,/.a.json表示所有符合要求的a.json文件

2.直接把映射关系,写到settings.json中

"json.schemas": [
    {
        "fileMatch": [
            "/.myconfig"
        ],
        "schema": {
            "type": "object",
            "properties": {
                "name" : {
                    "type": "string",
                    "description": "The name of the entry"
                }
            }
        }
    }
]

关于schema的书写,可以参考下面的地址:

JSON Schema Reference — Understanding JSON Schema 2020-12 documentation

二、在 JSON 数据中增加一个$schema字段,指向 JSON Schema

{
  "$schema": "https://json.schemastore.org/coffeelint",
  "line_endings": "unix"
}

在当前正在书写的a.json中,引入我们包含映射关系的文件(这个路径,是相对于a.json的路径)

三、通过jsonValidation扩展点配置映射关系

{
  "contributes": {
    "jsonValidation": [
      {
        "fileMatch": ".jshintrc",
        "url": "https://json.schemastore.org/jshintrc"
      }
    ]
  }
}

把上面的内容,配置在 vscode插件(任何vscode的插件,自己开发并且安装的也可以)的package.json中,url的路径设置,是相对于当前package.json的路径

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13635.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!