visual studio code的插件越来越强大了，简直无所不能了，最近又出了一个支持绘制流程图的插件，可以直接绘制流程图，我们也提供了插件的下载，详细请看下文介绍。
安装插件打开visual studio code，点击左侧扩展栏按钮
Visual Studio Code(代码编辑器) v1.63.2 64位 中文免费绿色版
- 类型：编译工具
- 大小：106MB
- 语言：简体中文
- 时间：2021-12-17
输入draw.io查询插件，然后点击安装
绘制流程图新建test.drawio文件
选中test.drawio文件，进入编辑模式
draw.io(流程图绘制工具) for Mac v16.1.2 苹果电脑版
- 类型：平面设计
- 大小：124.5MB
- 语言：多国语言
- 时间：2022-01-01
流程图制作工具 Drawio Desktop v13.6.2 linux中文免费版
- 类型：图像处理
- 大小：102.2MB
- 语言：简体中文
- 时间：2020-08-19
随意选择左侧图形，就可以绘制流程图了
保存流程图选中文件→嵌入→svg
选择嵌入
复制svg代码
将复制的svg代码粘贴到html代码中
打开html网页，就可以看到绘制的流程图了
点击网页上的图片，就可以跳转页面
在该页面可以放大缩小流程图
在这里，我们选择点击右下角的铅笔图案，跳转网页编辑页面
在网页编辑页面，你又可以对你的流程图重新做编辑了
这里我们选择File→Save，然后选择png格式图片保存
以上就是visual studio code绘制流程图的技巧，希望大家喜欢，请继续关注脚本之家。
相关推荐：
vscode如何删除项目? vscode关闭项目的技巧
VSCode小地图怎么打开或关闭? VSCode设置小地图的技巧
Visual Studio Code无声通知怎么设置? 关闭vscode智能提示功能
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）