Debug Visualizer需手动指定数据类型：数组须用{ kind: { array: true }, values: [...] }格式，树结构必须含root字段且用{ kind: { tree: true }, root: {...} }包裹，变量名不可含点号，须先解构再传入。
vscode-debug-visualizer 怎么看数组和树结构
它不自动识别变量类型，必须手动告诉它“这是棵树”或“这是个图”。直接拖一个 array 进去，默认渲染成表格；想看到动态排序过程，得用特定 JSON 结构包裹：
-
const data = { kind: { array: true }, values: [3, 1, 4, 1, 5] };→ 渲染为带索引的可动画数组 -
const tree = { kind: { tree: true }, root: { value: "A", children: [...] } };→ 必须含root字段，否则报错“no root node” - 调试时变量名不能带点号（如
user.profile.name），会解析失败；先解构赋值为const profile = user.profile;再传入
code2flow 生成调用图为什么漏函数
它只解析 AST，对运行时行为完全无感。常见漏节点不是 bug，是设计如此：
-
export * from 'utils'—— 不展开重导出，utils文件里的函数不会出现在图中 -
import(...)动态导入的模块，根本不会被扫描到 - TypeScript 的
interface和type声明不生成 AST 节点，自然不画进图里 - 没加
--no-grouping参数时，同文件内多个函数会被合并成一个框，调用箭头直接消失
Mermaid 插件画流程图总报语法错误
Mermaid 对缩进、空格、标点极其敏感，尤其在 VS Code 里容易因自动格式化破坏结构：
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
- 必须用
.mmd或.mermaid后缀，否则插件不启用语法校验 -
graph TD后面不能有空格，写成graph TD A --> B没问题，但graph TD A --> B（两个空格）就报错 - 中文标签要用双引号包裹：
"用户登录" --> "验证Token"，不加引号会解析失败 - 预览不刷新？先确认是否保存了文件（
Ctrl+S触发重绘），不是所有编辑操作都会实时同步
Code Call Graph Editor 的 .callgraph.json 怎么写才有效
它不校验 JSON 格式是否合法，只检查字段是否存在。少一个 line 或 uri，节点就变成灰色不可跳转：
-
uri必须是相对工作区根路径的字符串，比如"src/service/order.ts"，不能是绝对路径或./src/... -
line从 0 开始计数，不是编辑器左侧行号；函数声明在第 5 行，line就填4 -
signature在 TypeScript 中必须写全类型："(id: number, opts?: { force: boolean }): Promise<Order>"，省略泛型或空格都会导致跳转失效 - 边（
edges）的from和to必须严格匹配nodes中的id，大小写敏感，多一个空格也不行
实际项目里，真正卡住人的往往不是工具不会用，而是它不报错却不动——比如 code2flow 缺少 --max-depth 导致图太大浏览器卡死，或者 Debug Visualizer 传了个 undefined 却只显示空白面板。这些状态没有提示，得靠经验判断是不是数据结构不对、字段名拼错，或者路径没对齐。
