visual studio code绘制流程图

2025-05-10 03:22:05

visual studio code的插件越来保米马藁越强大了,简直无所不能了,最近又出了一个支持绘制流程图的插件。

工具/原料

visual studio code

安装插件

1、打开visual studio code,点击左侧扩展栏按钮

visual studio code绘制流程图

绘制流程图

1、新建test.drawio文件

visual studio code绘制流程图

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

visual studio code绘制流程图

2、选择嵌入

visual studio code绘制流程图

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

visual studio code绘制流程图

6、点击网页上的图片,就可以跳转页面在该页面可以放大缩小流程图在这里,我们选择点击右下角的铅笔图案,跳转网页编辑页面

visual studio code绘制流程图

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

visual studio code绘制流程图
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:41
  • 阅读量:80
  • 阅读量:30
  • 阅读量:54
  • 阅读量:24
  • 猜你喜欢