visual studio code绘制流程图

 时间:2024-10-12 19:23:03

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

工具/原料

visual studio code

安装插件

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

visual studio code绘制流程图

2、输入draw.io查询插件,然后点击安装

visual studio code绘制流程图

绘制流程图

1、新建test.drawio文件

visual studio code绘制流程图

2、选中test.drawio文件,进入编辑模式

visual studio code绘制流程图

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

visual studio code绘制流程图

保存流程图

1、选中文件→嵌入→svg

visual studio code绘制流程图

2、选择嵌入

visual studio code绘制流程图

3、复制svg代码

visual studio code绘制流程图

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

visual studio code绘制流程图

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

visual studio code绘制流程图

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

visual studio code绘制流程图

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

visual studio code绘制流程图

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

visual studio code绘制流程图
visual studio code绘制流程图
  • Visio 2013详细安装与激活教程
  • pycharm中一键多符号及更改快捷键
  • 流程图怎么画?
  • visio安装教程
  • 热门搜索
    感恩的心手抄报内容 历史手抄报花边 小学心理健康手抄报 积极向上的手抄报 关于读书的手抄报花边 保护树木的手抄报 初一手抄报 法律知识手抄报图片 关于中秋的手抄报 关于感恩手抄报图片