问题：如何在VSCode中快速创建并格式化JSON文件？

Question

在使用 VSCode 编辑 JSON 文件时，开发者常遇到两个高频问题：**如何快速创建结构正确的 JSON 文件**，以及**如何对不规范的 JSON 内容进行快速格式化**？ 新建 JSON 文件时，开发者可能因手动输入结构而效率低下，或因格式错误导致解析失败。此时，使用 VSCode 内置的智能提示、JSON snippets（代码片段）可大幅提升创建效率。 而在格式化方面，开发者常遇到从外部复制的 JSON 内容缩进混乱、缺少换行等问题。此时，通过 VSCode 的“Format Document”功能或快捷键（如 Windows 上的 `Shift + Alt + F`），可一键美化 JSON 结构。同时，安装如 Prettier 等插件也能增强格式化能力。 掌握这些技巧，有助于提升开发效率并避免因格式问题引发的运行时错误。

Answer 1

一、快速创建结构正确的 JSON 文件

在使用 VSCode 编写 JSON 文件时，手动输入结构不仅效率低，而且容易出错。VSCode 提供了多种内置功能和扩展插件，帮助开发者快速构建结构正确的 JSON 文件。

• 1. 使用 JSON 文件模板：在新建 JSON 文件时，VSCode 可自动识别 .json 后缀并激活 JSON 语言模式。此时，输入 {}[] 可快速创建空对象或数组结构。
• 2. 启用智能提示（IntelliSense）：VSCode 内置的 JSON 语言服务支持自动补全字段名和值，尤其在编辑 package.json、tsconfig.json 等常见配置文件时，效果显著。
• 3. 利用代码片段（Snippets）：VSCode 提供了多个 JSON 代码片段，例如输入 json 后按下 Tab 键可插入标准的 JSON 对象模板。
• 4. 安装 JSON 插件增强功能：如 JSON Tools 插件提供更强大的 JSON 构建辅助功能，包括键排序、类型验证等。

二、对不规范的 JSON 内容进行快速格式化

从外部复制粘贴 JSON 内容时，常出现缩进混乱、换行缺失等问题，影响可读性和解析能力。VSCode 提供了多种方式快速格式化 JSON 内容。

1. 使用“Format Document”命令：右键点击编辑器，选择 Format Document，即可对整个 JSON 文件进行格式化。
2. 快捷键格式化：Windows 上使用 Shift + Alt + F，Mac 上使用 Shift + Option + F，快速美化 JSON。
3. 安装 Prettier 插件：Prettier 是一个流行的代码格式化工具，支持自定义 JSON 格式规则。安装后可通过命令或快捷键一键格式化。
4. 配置默认格式化器：在 VSCode 设置中，将 Prettier 设置为默认 JSON 格式化器，确保每次保存文件时自动格式化。

三、进阶技巧与最佳实践

除了基础操作外，掌握一些进阶技巧可以进一步提升开发效率和 JSON 文件质量。

技巧	描述	使用场景
JSON Schema 校验	通过配置 JSON Schema，VSCode 可以对 JSON 文件进行结构校验，防止格式错误。	开发 API 接口文档、配置文件时。
多光标编辑	使用 Alt + 鼠标左键 添加多个光标，同时修改多个字段。	批量修改 JSON 字段值时。
自动保存格式化	在 VSCode 设置中启用 formatOnSave，保存时自动格式化 JSON。	协作开发或频繁修改配置文件时。

四、流程图展示：JSON 创建与格式化流程

    graph TD
      A[开始创建 JSON 文件] --> B{是否使用模板?}
      B -->|是| C[使用 JSON Snippet 插入模板]
      B -->|否| D[手动输入结构]
      D --> E[启用 IntelliSense 自动补全]
      C --> F[编辑内容]
      E --> F
      F --> G[是否需要格式化?]
      G -->|是| H[使用 Format Document 或快捷键]
      H --> I[Prettier 插件增强格式化]
      G -->|否| J[保存文件]
      I --> J