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。

相关阅读 >>

vsCode中如何调出终端

怎么使用vsCode打开多个文件夹

刚下载的vsCode vue项目怎么建立

vsCode如何新建css

vsCode适合写什么语言?

vsCode调试c程序失败

vsCode怎么格式化js/css代码

内网怎么安装vsCode

来比一比sublime和vsCode

vsCode找不到git路径

更多相关阅读请进入《vsCode》频道 >>



打赏

取消

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

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

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

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

评论

管理员已关闭评论功能...