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安装教程
  • 热门搜索
    纸花怎么折 喻言怎么了 西洋参片怎么吃 安徽外国语学院怎么样 章华染发剂怎么样 大写的万怎么写 房屋漏水怎么办 亲爱的我们究竟怎么了 手机垃圾怎么清理 手机投屏电视怎么设置