vscode执行过程图示（竟然能够画流程图了）

关注公众号 “OpenSourceDaily” ，每天推荐给你优秀开源项目

大家好，我是欧盆索思（opensource），每天为你带来优秀的开源项目！

技术人员一般需要具备一定得画图能力，特别是架构师，需要画各种图：除了让架构更清晰，方便给别人讲解，也是装逼神器~

画图工具有很多，今天推荐的是一款 VSCode 插件！没错，在 VSCode 中画图。它就是 vscode-drawio，即将 draw.io 集成进 VSCode 中。

项目地址：https://github.com/hediet/vscode-drawio，截止目前 Star 数：4.3k ，下载安装量 33k 。

从一个 Demo 开始

通过简单浏览动图发现真的挺强大。

安装

打开 VSCode，点击最左侧底部的 Extensions，搜索 draw.io，找到其中的 Draw.io Integration：

跟安装其他扩展没什么区别。建议安装完后重启下 VSCode。

简单使用

创建一个文件：test.drawio，打开后，自动是如下界面：

之后你就可以跟很多其他画图工具一样，拖拽画图了。

说明一下：目前该扩展不支持导出，不过很快会支持可以编辑 png 格式。有人提 issue 希望支持导出，作者的意思因为马上支持 png，因此不需要导出。具体可以看 issue39。

今天的项目大家觉得怎么样吗？如果你喜欢，请在文章底部留言、点赞或关注转发，你的支持就是我持续更新的最大动力！