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

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

流程图工具介绍

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

常用的功能都有。
1.支持流程图，时序图，UML图等
2.可以导出的格式如下：

导出的pdf文件是矢量图高清的。
3.更多功能，你用了就知道了。

vscode整合

1.安装
下载插件:Draw.io.Integration

2.使用方式
创建一个以".drawio"为后缀的文件，如图：

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

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

然后导出即可。