vscode流程图插件

方法二：使用Draw.io Integration插件#

安装插件：在VS Code的扩展市场中搜索并安装Draw.io Integration插件。 创建文件：新建一个扩展名为.drawio的文件。 图形化编辑：打开.drawio文件后，在VS Code的编辑区会显示一个图形化界面，用户可以在其中选择思维导图相关的图形元素进行绘制。 预览与导出：编辑完成后，可以右键点击编辑区选择“预览”查看效果，也可以将思维导图导出为图片等格式。

补充：切成全黑主题：（ VS Code 全局设置里好设置一些，Ctrl+shift+p，搜drawio theme，然后选dark）#

在 VS Code 的 Draw.io Integration 插件里切主题有两条路径，30 秒搞定：

──────────────────

1. 在 Draw.io 编辑器内部切（所见即所得）
2. 打开任意 .drawio / .drawio.svg / .drawio.png 文件，进入图形界面。
3. 菜单栏点 Extras → Theme（有的版本叫 View → Theme）。
4. 在下拉列表里选：
   • kennedy（白色，默认）
   • dark（暗色，画布和面板一起变黑）
   • min、atlas 等更简洁的样式。
5. 立即生效，只是当前窗口；下次打开相同格式文件仍保持该主题。

──────────────────
2. 在 VS Code 全局设置里固定（一次设置，永久生效）

1. VS Code 设置（Ctrl+, 或 Cmd+,或Ctrl+shift+p,）→ 搜索 drawio theme。
2. 找到 Draw.io: Theme，下拉框选 dark、kennedy 等。
3. 保存后 所有新打开的 .drawio 文件 都会用这个主题。

小提示
• 如果你想让 .drawio.svg/.drawio.png 在 GitHub 上预览也是暗色，需要导出时再手动把背景改成透明或深色，主题切换只影响编辑器内显示。