【问题标题】:How to type json files as tsconfig.json and package.json如何将 json 文件键入为 tsconfig.json 和 package.json
【发布时间】:2022-01-03 09:24:42
【问题描述】:

我注意到一些具有特定名称的 json 文件会获得智能感知,例如:

  1. tsconfig.json
  2. jsconfig.json
  3. package.json
  4. .eslintrc.json
  5. .prettierrc.json

一些截图

[]

[]

我如何输入我自己的 json 文件的架构,它是声明为 json 模块还是类似的东西?

【问题讨论】:

    标签: json typescript schema typed


    【解决方案1】:

    我已经发现 json 架构基于 json-schema.org,这将为 json 文件启用智能感知

    这里有一个很好的介绍来定义你自己的 json 模式 https://json-schema.org/understanding-json-schema/basics.html

    这里是截图

    【讨论】:

      【解决方案2】:

      只需创建一个person.model.ts 文件来携带您的 json 接口,然后从定义的文件中导出接口

      interface Person{
        name: string;
        age: number;
      }
      

      然后将其导入到任何你想使用的地方

      import Person from "./person.model.ts"
      

      然后将其用作 json 的类型

       let p:Person = {
        name: 'Joe',
        age: 20
      }
      

      您的编辑器/IDE 也会指导您使用缺少的类型,如果您输入了这样的错误属性,则会引发错误

      【讨论】:

      • 我不是指 JavaScript JSON 字面量,我指的是 config.json、data.json 等 json 文件
      • oo 我误解了你的问题
      猜你喜欢
      • 2017-05-19
      • 1970-01-01
      • 2016-08-23
      • 2019-11-01
      • 2020-11-30
      • 1970-01-01
      • 2018-12-25
      • 2019-04-06
      • 1970-01-01
      相关资源
      最近更新 更多