如何將 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的一個很好的介紹

這是一個截圖