A local-first VS Code utility for formatting, minifying, escaping, unescaping, and inspecting JSON. It preserves large integer literals during formatting and minification, performs no network requests, and collects no telemetry.
VS Code JSON 工具插件,提供 JSON 格式化、压缩、转义、去转义、复制子节点及行尾长度提示。所有处理均在本地完成,不发送数据、不采集遥测;格式化和压缩时会保留大整数原文,避免超过 JavaScript 安全整数范围后发生精度损失。
功能
编辑器标题栏按钮
打开 .json 文件时,编辑器右上角显示以下操作按钮:
| 按钮 |
功能 |
| 美化 |
格式化 JSON(自动识别转义内容,先去转义再格式化) |
| 压缩 |
去除所有空白和换行,压缩为一行 |
| 转义 |
对文本进行 JSON 转义(" → \",换行 → \n 等) |
| 压缩+转义 |
先压缩再转义 |
| 去转义 |
还原已转义的 JSON 文本 |
复制子 JSON
- 右键菜单 → Copy Sub-JSON at Cursor
- 快捷键:
Cmd+Shift+C(Mac) / Ctrl+Shift+C(Windows/Linux)
- 自动识别光标所在的 JSON 节点,将该子树复制到剪贴板
行尾长度提示
在数组或对象的开括号行尾,以浅灰色斜体显示元素数量:
{ // length: 2
"users": [ // length: 3
{ "name": "Alice" },
{ "name": "Bob" },
{ "name": "Carol" }
],
"count": 3
}
可通过设置 escapedJsonTools.showInlineHints 开关此功能(默认开启)。
从 Marketplace 安装
在 VS Code 扩展面板搜索 Escaped JSON Tools,或运行:
code --install-extension jefung.escaped-json-tools
安装
方式一:从 VSIX 文件安装
在项目根目录构建 VSIX 包:
npm install
npm run compile
npx vsce package --allow-missing-repository
在 VS Code 中安装:
- 打开 VS Code,按
Cmd+Shift+P(Mac)/ Ctrl+Shift+P(Windows/Linux)
- 输入
Extensions: Install from VSIX...
- 选择生成的
escaped-json-tools-0.1.0.vsix 文件
或通过命令行安装:
code --install-extension escaped-json-tools-0.1.0.vsix
重启 VS Code,打开任意 .json 文件即可使用。
方式二:开发模式调试
- 在 VS Code 中打开
vscode_plugins/vscode_json_plugin 文件夹
- 运行
npm install && npm run compile
- 按
F5 启动 Extension Development Host
- 在新窗口中打开
.json 文件
设置
| 配置项 |
类型 |
默认值 |
说明 |
escapedJsonTools.showInlineHints |
boolean |
true |
是否显示行尾长度提示 |
隐私
扩展不会发起网络请求、不会收集遥测,也不会把编辑器内容写入磁盘。JSON 内容仅在当前 VS Code 扩展宿主进程内处理。
License
MIT