可在VSCode中通过Draw.io插件直接编辑保存.drawio流程图：安装官方插件→新建并打开.drawio文件→使用内置工具绘图→保存或导出为PNG等格式。
如果您希望在VSCode中直接编辑和保存Draw.io格式的流程图，而无需切换到浏览器端draw.io应用，则需要借助Draw.io插件实现本地化绘图。以下是完成该任务的具体操作路径：
本文运行环境：MacBook Air，macOS Sequoia。
一、安装Draw.io插件
Draw.io插件需通过VSCode扩展市场获取并启用，确保其与当前VSCode版本兼容且具备图形渲染能力。
1、打开VSCode，点击左侧活动栏最下方的扩展图标（四个方块组成的图标）。
2、在扩展搜索框中输入draw.io，找到官方发布的Draw.io Integration插件（发布者为Henri Pihkala）。
3、点击“安装”按钮，等待安装完成，随后点击“重新加载”使插件生效。
二、创建并打开.drawio文件
Draw.io插件仅识别以.drawio为后缀的XML格式文件，新建文件时需确保扩展名正确，否则无法触发插件绘图界面。
1、在VSCode资源管理器中右键空白处，选择“新建文件”。
2、将新文件命名为flowchart.drawio（必须包含.drawio后缀）。
3、双击该文件，VSCode将自动加载内嵌的Draw.io编辑器界面。
三、使用内置工具绘制基础流程图
插件加载后呈现的编辑区域与网页版draw.io功能一致，所有图形、连接线、文本均通过顶部工具栏和右侧样式面板控制。
1、在顶部工具栏点击矩形图标，在画布上拖拽绘制一个开始节点。
2、从左侧形状面板展开“Flowchart”分类，拖入Process形状作为处理步骤。
3、选中两个形状，点击顶部工具栏的箭头连接图标，按住起点拖至终点生成带方向的连接线。
4、双击任意形状，在弹出的文本框中输入初始化或数据处理等说明文字。
四、保存与导出流程图
Draw.io插件默认以XML格式保存.drawio文件，同时支持导出为PNG、SVG、PDF等多种图像格式供文档嵌入使用。
1、点击编辑器右上角的磁盘图标保存当前.drawio文件。
2、点击菜单栏Diagram → Export As，选择PNG格式。
3、在弹出窗口中设置分辨率（推荐2x），点击“Export”生成图像文件。
