VSCode 能画流程图了

VSCode 能画流程图了!开源不到 10 天,Star 数近 5000。

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

画图工具有很多,今天推荐的是一款 VSCode 插件!

没错,在 VSCode 中画图。

它就是 vscode-drawio,即将 draw.io 集成进 VSCode 中。

项目地址:https://github.com/hediet/vscode-drawio

从一个 Demo 开始

VSCode 能画流程图了

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

安装

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

Draw.io Integration

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

简单使用 

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

简单使用vscode-drawio

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

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


欢迎分享,(木庄网络博客交流QQ群:562366239

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论