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 类型定义 (按需展开) │
└────────────────────────────────────────────────────────┘
| |