VS Code绘制流程图指南

Visual Studio Code插件功能日益强大，近期新增一款流程图绘制插件，支持直观创建和编辑各类流程图，大幅提升开发与设计效率。

1、 启动 Visual Studio Code，点击界面左侧的扩展图标。

2、 搜索并安装draw.io绘图插件。

3、 新建一个名为test.drawio的文件

4、 选中test.drawio文件并进入编辑状态。

5、 任选左侧图形，即可轻松绘制流程图。

6、 选中文件，点击嵌入SVG

7、 选择嵌入

8、 复制SVG代码

9、 把复制的SVG代码直接插入HTML文件中。

10、 打开HTML网页即可查看绘制好的流程图。

11、 点击网页图片即可跳转至新页面。

12、 此页面支持流程图的缩放操作

13、 请点击右下角铅笔图标，进入网页编辑页面。

14、 在网页编辑页面，可随时对流程图进行修改和调整。

15、 点击文件→保存，选择PNG格式进行图片保存。