Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>JSON格式化New to Visual Studio Code? Get it now.
JSON格式化

JSON格式化

JSON格式化

|
5 installs
| (1) | Free
可视化 JSON 格式化工具 - 左边输入,右边实时预览,支持格式化、压缩、校验、类型推断、排序Key、添加/去除转义
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JSON格式化

可视化 JSON 格式化工具 - 左边输入,右边实时预览格式化结果。

功能特性

  • 实时预览 — 左侧输入 JSON,右侧即时展示格式化结果,所见即所得
  • 格式化 — 美化 JSON,支持 2 空格 / 4 空格 / Tab 缩进
  • 压缩 — 一键压缩为单行,去除所有空白
  • 校验 — 检查 JSON 合法性,精确定位错误位置,检测尾部逗号
  • 排序 Key — 按字母升序或降序排列,支持递归排序嵌套对象
  • 类型推断 — 从 JSON 自动生成 TypeScript 类型定义
  • 添加转义 — 将 JSON 转为转义字符串,可直接粘贴到代码中
  • 去除转义 — 将转义字符串还原为可读 JSON
  • 复制 / 写入编辑器 — 格式化结果一键复制或写回当前文件

使用方式

按 Ctrl+Shift+Alt+F 或 Ctrl+Shift+P 输入 JSON格式化 打开工具面板。

在左侧输入区粘贴 JSON,右侧实时预览格式化结果;点击工具栏按钮执行各种操作。

界面预览

┌────────────────────────────────────────────────────────┐
│ [格式化] [压缩] [Key升序] [Key降序] [校验] [类型推断]   │
│ [添加转义] [去除转义]  缩进:[2空格]  [复制] [写入编辑器] │
├──────────────────────┬─────────────────────────────────┤
│      输入 JSON       │        格式化结果               │
│                      │                                 │
│  {"name":"test",     │  {                              │
│   "age":18}          │    "name": "test",              │
│                      │    "age": 18                    │
│  (自由编辑)          │  }                              │
│                      │  (只读,实时预览)                │
├──────────────────────┴─────────────────────────────────┤
│ TypeScript 类型定义 (按需展开)                          │
└────────────────────────────────────────────────────────┘
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft