如何将 json 文件键入为 tsconfig.json 和 package.Z466DEEC76ECDF5FCA6D38571F632

Question

我注意到一些具有特定名称的 json 文件得到了智能感知，例如：

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

一些截图

[ ]

[ ]

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

Answer 1

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

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

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

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

然后将其用作 json 的类型

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

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

Answer 2

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

这是定义您自己的 json 架构https://json-schema.org/understanding-json-schema/basics.html的一个很好的介绍

这是一个截图