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

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

安装插件

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

visual studio code(代码编辑器) v1.62.3 64位 中文免费绿色版

• 类型：编译工具
• 大小：106mb
• 语言：简体中文
• 时间：2021-11-24

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

绘制流程图

新建test.drawio文件

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

draw.io(流程图绘制工具) for mac v15.8.4 苹果电脑版

• 类型：平面设计
• 大小：120mb
• 语言：多国语言
• 时间：2021-11-24

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

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

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

保存流程图

选中文件→嵌入→svg

选择嵌入

复制svg代码

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

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

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

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

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

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

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

以上就是visual studio code绘制流程图的技巧，希望大家喜欢，请继续关注。