当前位置:首页 > 技术分析 > 正文内容

vscode再添新功能——绘制流程图

ruisui883个月前 (03-12)技术分析15

绘制流程图是很多人经常会使用到的。人嘛总是想着简单、免费、跨平台等等,并且能够导出多种结果(包括矢量图),对于程序员来说,如果能有以上功能融入到vscode中那就太妙了。

流程图工具介绍

先说一下https://www.draw.io/,现在已经更名https://app.diagrams.net/ ,打开后如下:



常用的功能都有。

1.支持流程图,时序图,UML图等

2.可以导出的格式如下:


导出的pdf文件是矢量图高清的。

3.更多功能,你用了就知道了。

vscode整合

1.安装

下载插件:Draw.io.Integration


2.使用方式

创建一个以".drawio"为后缀的文件,如图:


然后根据自己的需求进行编辑,使用后就有点乐此不疲:


绘制完成保存后,还是需要在网站上导出你所需要格式的文件,如下:


然后导出即可。

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/2726.html

标签: vscode怎么用
分享给朋友:

“vscode再添新功能——绘制流程图” 的相关文章

vue3中父子组件之间传值的详解

首先我们回顾一下vue2中父子组件是怎么传值的,然后对比vue3进行详解。一、vue2中父子组件传值<!-- 父组件 --> <template> <div> // name:父组件把值传给子组件test-child // childFn:...

vue3父子组件传对象,子组件访问修改父组件对象中的属性值

在Vue 3中,父子组件之间的数据传输通常通过props和emit进行。父组件可以通过props向下传递数据给子组件,子组件则可以通过emit向上通知父组件更新数据。如果需要在子组件中修改父组件对象中的属性值,可以使用一个名为ref的Vue 3新特性。以下是一个示例,演示了如何在Vue 3中实现父子...

gitlab简单搭建与应用

一、gitlab1、简介GitLab是利用Ruby on Rails一个开源的版本管理系统,实现一个自托管的Git项目仓库,可通过Web界面进行访问公开的或者私人项目。与Github类似,GitLab能够浏览源代码,管理缺陷和注释。可以管理团队对仓库的访问,它非常易于浏览提交过的版本并提供一个文件历...

「Git迁移」三行命令迁移Git包含提交历史,分支,tag标签等信息

问题描述:公司需要将一个git远程服务器的全部已有项目迁移到一台新服务器的Gitlab中,其中需要包含全部的提交纪录,已有的全部分支与全部打tag标签,目前此工作已全部迁移完毕,特此记录一下操作步骤环境描述:1. 要迁移的远程Git:Gitblit2. 迁移目的Git:Gitlab3. 暂存代码的P...

15款测试html5响应式的在线工具

手机、平板灯手持设备的增多,网站要顺应变化,就必须要做响应式开发,响应式网站最大的特点在于可以在不同设备下呈现不同的布局,是基于html5+css3技术,目前越来越多的网站开始采用了响应式设计,而下面15款工具可以方便测试你的html5响应式效果。Responsinatorhttp://www.re...

html5+css3做的响应式企业网站前端源码

大家好,今天给大家介绍一款,html5+css3做的响应式企业网站前端源码 (图1)。送给大家哦,获取方式在本文末尾。首页banner幻灯片切换特效(图2)首页布局简约合理(图3)关于我们页面(图4)商品列表(图5)商品详情(图6)服务介绍(图7)新闻列表(图8)联系我们(图9)源码完整,需要的朋友...