VS Code好用的思维导图插件 直接在编辑器里画脑图

我们得先说清楚一个结论：在 VS Code 里，真正能让你在编辑器内“直接画脑图”的插件，只有 vscode-mindmap 和 Draw.io Integration。至于 markmap，它的本质根本不是画图工具——它只是把 Markdown 文本“渲染”成一张只读的思维导图。你没法拖拽节点、没法自由增删内容、更谈不上调整布局位置。这一点，从一开始就得明确。

vscode-mindmap：唯一原生支持 .km 格式、可交互编辑的脑图插件

这款插件的操作逻辑，基本模拟了百度脑图的交互方式。双击改内容，回车加同级节点，Tab 键新建子节点，Del 键删除——这才是“画”脑图该有的手感。安装后直接新建一个 test.km 文件，就能进入编辑界面，完全不需要写任何语法。

不过有几点需要留意：一是同名插件有两个，下载量高的那个是旧版，它会在编辑时同时打开 test.km 和 test.km-mindmap 两个标签页，有点混乱；推荐安装新版本（作者是 hbenl），只开一个编辑页，清爽很多。二是布局类型一共有六种，包括常见的“思维导图（左右）”、“鱼骨图（上下）”、“组织结构图（向下）”等等，进入【外观】选项卡就能切换——不过不是所有布局都支持节点的折叠和展开，切换前最好先确认一下。三是导出格式有限，仅能导出 .png 和 .km，不支持直接导出 PDF 或 HTML。如果确实需要 PDF，就得先截图或另存为图片，再手动转换。

Draw.io Integration：用专业绘图的方式做思维导图

这套插件的本质，是 diagrams.net 在 VS Code 里的封装版本。严格来说它并不是思维导图专用工具，但你可以手动拖出中心节点、连接分支线、加图标、调颜色——自由度是最高的，做出来的效果也最接近 XMind 这类专业软件的风格。

使用时有几个小门道：新建文件必须用 .drawio 后缀，否则编辑器不会触发内嵌绘图界面。首次打开时，会自动下载约 5MB 的离线资源包，下载完成后即使断网也能正常使用——如果卡在“Loading…”久久不动，可以检查设置里 drawio.enableOfflineMode 是否已切换为 true。另外，它的默认界面是英文的，如果要改回中文，需要手动将 drawio.language 设置为 zh。

值得一提的是，它并不支持根据文本自动生成结构，所有节点和连线都得你亲手去画。这种模式的优点是对样式和层级关系的控制极其精细，适合对排版有严格要求的场景；但缺点也很明显——所有操作都依赖鼠标拖拽，没有快捷键映射，在小屏设备上操作起来会有些吃力。

markmap：别被“思维导图”这个名字骗了，它根本就不让你画

markmap 的核心逻辑是“从 Markdown 到视图”。你写的是纯文本，它生成的是只读预览。哪怕你打开预览后想拖动某个节点，它也会立刻弹回原位——这不是 bug，而是它的设计初衷如此。

使用时有几个明显限制：文件后缀必须是 .md，.txt 或 .km 都不认。层级跳变的问题也很让人头疼——比如从 # 直接跳到 ###，子节点很容易挂错父级，结构一旦错乱，调试起来相当麻烦。预览里点 Export 导出的 HTML 是没有交互逻辑的静态页面，既不能二次编辑，也改不了结构；想要修改，只能回到 Markdown 源码重新调整。

一句话总结：真想“直接画”脑图，别碰 markmap。vscode-mindmap 上手最快，Draw.io Integration 控制最细。怎么选，看你的需求偏重于“效率”还是“精细度”。