JSONOKOK 帮助

JSONOKOK 是一个类 Excel 的 JSON 可视化编辑器，适合查看深层 object / array 结构、快速定位节点、在表格里直接改值和改类型。这个帮助页是轻量版单文件文档，只保留实际说明和截图，方便扩展打包时减少体积。

支持 JSON / JSONC / JS / TS 表格化编辑面包屑 + 聚焦大 JSON 分层查看

VSCODE plugin JSONOK

在 VS Code 中使用 JSONOK 插件的演示截图：

VSCODE plugin JSONOK 演示 — VSCODE plugin JSONOK 插件界面示例。

总体介绍

类似 Excel 的树形结构展示 JSON，可以一边看结构，一边直接在单元格里编辑内容。

{
  "字段1": "AAAAA"
}

JSONOKOK 总览 — JSONOKOK 工作区总览。

如何打开 JSON

右键当前 JSON / JS / TS 数据，选择 JSONOK 打开。
支持拖拽本地文件、直接在输入面板粘贴、或从当前编辑器内容打开。
输入面板和表格视图可以来回同步，适合快速修正。

导航和工作区布局 — 导航和工作区布局。

拖拽文件打开 — 拖拽本地文件直接打开 JSON。

三种打开 JSON 的方式 — 可以从输入面板、上传、示例三种方式进入。

导航

小地图可以快速定位到大画布中的任意区域。
右键节点可以聚焦当前子树，面包屑可快速返回上层。
支持 Ctrl 加鼠标框选、拖动画布和拖拽字段顺序。

小地图导航 — 小地图支持点击定位。

聚焦与面包屑导航 — 聚焦任意 JSON 节点后，可通过面包屑回到上级。

搜索定位

浏览器内搜索：快捷键 Ctrl + F。
快速跳转：打开快速跳转窗，输入 key / value / path 搜索并点击定位。

浏览器搜索 — 方式 1：Ctrl + F 搜索当前页面。

快速跳转搜索 — 方式 2：快速跳转窗口里搜索并直接定位。

可视化编辑

支持把单元格直接切换成对象、数组、字符串、数字、布尔值、Null。
支持字符串形式保存的 JSON 转成普通节点并直接展开查看。
支持增加行、增加列、双击修改列标题、拖拽调整列顺序。

修改单元格类型 — 修改单元格类型。

JSON 字符串转普通节点 — 字符串格式保存的 JSON 可以直接展开成普通节点。

增加列与增加行 — 对象和数组都支持结构性增删改。

拖拽修改顺序 — 拖拽字段可直接调整顺序。

超大 JSON 性能优化

通过层级限制和“显示下一层”控制超大 JSON 的渲染范围，减少卡顿。
仍可在局部范围继续编辑，不需要一次性展开全部内容。

层级限制优化 — 用层级限制控制超大 JSON 的显示深度。

显示下一层 — 点击“显示下一层”继续按需展开。