VS Code 插件不生成数据结构，而是通过调试时识别特定字段（如 next、left/right、nodes/edges）实时可视化链表/树/图；需符合 schema，否则提示“Unsupported data type”。
VS Code 本身不生成数据结构，但有插件能帮你「快速构造、实时可视化、动态调试」复杂数据结构——关键不在“生成”，而在“可交互地构建与验证”。
vscode-debug-visualizer 怎么可视化链表/树/图
它不凭空造数据，而是在调试中把内存里的真实结构“画出来”。前提是你的变量符合它识别的数据模式（比如有 next、left/right、nodes/edges 等字段）。
- JavaScript 中定义一个链表节点：
const node = { val: 42, next: { val: 100, next: null } };，在调试时对node右键 → “Debug Visualizer: Use Selection as Expression”，选 Graph 视图，就能看到带箭头的节点连线 - 树结构要显式标注左右子节点：必须用
left和right（或配置自定义字段名），children数组默认不被识别为二叉树 - 图结构需提供
nodes（数组）和edges（数组，每项含from和to）字段，否则会被当普通对象渲染 - 如果结构嵌套过深或字段名不标准，可视化会失败并显示“Unsupported data type”——这时得手动封装成它认的 schema，而不是改代码逻辑
vscode-json 插件能不能“生成”测试用 JSON 数据
不能自动构造随机数据，但它能帮你「快速编辑+验证+展开」已有结构，间接加速测试数据准备。
- 打开任意
.json文件，左侧活动栏出现 JSON 图标，点开即见树状视图；右键节点可重命名键、添加子节点、复制路径 - 粘贴一段原始 JSON 后，按
Ctrl+Shift+P→ 输入JSON: Format Document可自动美化缩进，避免手写格式错误 - 它不提供 faker-style 的模板生成（如“生成 10 条用户数据”），但配合通义灵码等 AI 插件，在注释里写
// 生成 5 个含 id/name/email 的用户对象，再用Ctrl+Enter触发续写，效率更高 - 注意：该插件对超大文件（>10MB）响应明显变慢，此时建议先用命令行
jq或 Python 脚本生成骨架，再导入编辑
为什么直接写代码构造数据比依赖插件更可靠
插件是辅助工具，不是数据工厂。真正可控、可复现、可单元测试的数据构造，永远发生在代码里。
- 用 JavaScript 写一个工厂函数：
function createUser(id, name) { return { id, name, createdAt: new Date().toISOString() }; }，比在 JSON 插件里手工敲 20 行更少出错 - 调试时想看不同状态？在断点处修改变量值后，
vscode-debug-visualizer会立刻重绘——这比反复保存 JSON 文件再刷新更接近真实运行态 - 很多插件（包括
vscode-json）不解析import或require，也不执行计算逻辑（如"timestamp": Date.now()），纯静态展示；而代码里构造的数据天然支持动态值 - 团队协作时，把数据构造逻辑写进
fixtures/目录，比共享一堆 JSON 文件 + 插件配置更容易同步和 review
真正容易被忽略的是：可视化插件只反映“此刻的快照”，不保证结构语义正确。比如一个本该是树的结构，若漏写某个 left 字段，Graph 视图可能直接消失——这时候得回代码里查逻辑，而不是调插件设置。
