VS Code 不仅是代码编辑利器，搭配扩展还能变身轻量级流程图绘制工具。本文将详细介绍如何利用 VS Code 绘制流程图，操作流程比想象中更流畅。

先做准备工作：打开 VS Code，在扩展市场搜索“draw.io integration”，找到 hediet 发布的扩展并直接安装。安装后需重启编辑器以激活扩展。

接下来创建一个新文件，比如命名为“flowchart.drawio”——注意后缀名必须为 .drawio，这很关键。然后右键点击该文件，选择“Open with Draw.io”。VS Code 界面会立即打开一个干净的绘图画布，左侧是图形库，右侧是属性面板，与网页版 draw.io 几乎完全一致。

绘制时，左侧图形库包含多种形状。以简单的程序流程图为例，从“Basic Shapes”分类中拖拽矩形（表示操作步骤）、圆形（表示开始/结束节点）、菱形（表示判断条件）至画布，通过鼠标拖拽调整位置，滚轮缩放图形，操作非常直观。

连接图形同样便捷：从“Arrows”分类选择合适箭头，点击起始图形边缘并拖拽至目标图形边缘释放，即可生成连接线。若默认线条样式不满意，可右键点击线条选择“Format Shape”进行样式调整。

每个图形均可双击编辑文本，输入对应的流程描述。如需修改颜色、边框粗细或阴影，右键点击图形选择“Format Shape”，右侧面板提供丰富的样式选项，可自由调整。

绘制复杂流程图时，常需复制重复的图形或连接线。选中后，Windows 用户按Ctrl+C、Mac 用户按Command+C复制，再按Ctrl+V或Command+V粘贴，大幅提升效率。

完成绘制后，点击绘图界面右上角的保存图标，文件即保存。后续在 VS Code 中直接打开 .drawio 文件即可继续编辑，也可导出为 PNG、SVG 等图片格式，便于分享给同事或嵌入文档。

操作如此简单。VS Code 配合 draw.io Integration 扩展，足以应对从日常流程图到复杂算法逻辑展示的各种场景。若你已习惯在 VS Code 中编写代码，绘制流程图完全无需切换工具——一个编辑器完成所有工作，这才是真正的效率提升。