vscode怎么画流程图?( visual studio code绘制流程图的

visual studio code的插件越来越强大了，简直无所不能了，最近又出了一个支持绘制流程图的插件，可以直接绘制流程图，我们也提供了插件的下载，详细请看下文介绍。

安装插件

打开visual studio code，点击左侧扩展栏按钮

Visual Studio Code(代码编辑器) v1.78.0 64位 中文免费绿色版

• 类型编译工具
• 大小123MB
• 语言简体中文
• 时间2023-05-07

输入dra.io查询插件，然后点击安装

绘制流程图

新建test.draio文件

选中test.draio文件，进入编辑模式

dra.io(流程图绘制工具) for Mac v21.1.8 苹果电脑版

• 类型平面设计
• 大小151MB
• 语言多国语言
• 时间2023-05-07

流程图制作工具 Draio Desk v13.6.2 linux中文免费版

• 类型图像处理
• 大小102.2MB
• 语言简体中文
• 时间2020-08-19

随意选择左侧图形，就可以绘制流程图了

保存流程图

选中文件→嵌入→svg

选择嵌入

复制svg代码

将复制的svg代码粘贴到html代码中

打开html网页，就可以看到绘制的流程图了

点击网页上的图片，就可以跳转页面

在该页面可以放大缩小流程图

在这里，我们选择点击右下角的铅笔图案，跳转网页编辑页面

在网页编辑页面，你又可以对你的流程图重新做编辑了

这里我们选择File→Save，然后选择png格式图片保存