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和dw的区别

vsCode中js文件字体显示白色

vsCode todo如何使用

vsCode如何调试运行c#程序

vsCode不显示控制台怎么设置

vsCode怎么实现代码对比

vsCode控制台中文乱码

vsCode 编辑器怎么改成中文?

vsCode可以运行javaweb项目么

vsCode设置python代码中函数括号自动补全

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



打赏

取消

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

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

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

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

评论

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