【问题标题】:How can I type a JSON file with TypeScript for VSCode?如何使用 TypeScript for VSCode 键入 JSON 文件?
【发布时间】:2020-03-08 18:18:02
【问题描述】:

在 Node/TypeScript 项目中,如果我正在使用 VSCode 编辑 tsconfig.jsonpackage.json 文件,那么我会从 TypeScript 获得编辑器提供的一些有用的智能感知。所以在某个地方,我猜,.d.ts 定义文件和每个文件之间建立了关联以提供此帮助。

我的用例是我必须维护的项目中有许多 .json 文件。这些文件由外部工具使用,因此它们不能是 .js.ts 文件。为了使这些文件的编辑更不容易出错,我希望能够编写一个关联的.d.ts 文件并以某种方式告诉编辑器这是该.json 文件的定义文件,然后从中获得所有编辑器帮助.

我该怎么做?

或者,tsconfig.jsonpackage.json 定义文件在哪里,VSCode 是如何关联它们的?

【问题讨论】:

标签: typescript visual-studio-code typescript-typings vscode-settings typescript-types


【解决方案1】:

VSCode 可以通过 JSON 中的 $schema 键使用 JSON 模式:

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

请注意,此语法是 VS Code 特定的,不是 JSON Schema 规范的一部分。添加 $schema 键会更改 JSON 本身,这是使用 JSON 的系统可能不会预料到的,例如,模式验证可能会失败。

你也可以在设置中定义结构:

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

VSCode docs

【讨论】:

    猜你喜欢
    • 2019-02-17
    • 2019-06-25
    • 2021-09-27
    • 2019-12-11
    • 2018-04-10
    • 2020-06-25
    • 2018-08-03
    • 2021-10-29
    • 2019-11-24
    相关资源
    最近更新 更多