VSCode 竟然能够画流程图了?开源不到 10 天,Star 数近 5000

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

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

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

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

从一个 Demo 开始

VSCode 竟然能够画流程图了?开源不到 10 天,Star 数近 5000

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

安装

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

VSCode 竟然能够画流程图了?开源不到 10 天,Star 数近 5000

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

简单使用

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

VSCode 竟然能够画流程图了?开源不到 10 天,Star 数近 5000

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

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

 

责任编辑:张燕妮 来源: Go语言中文网
相关推荐

2020-07-28 21:38:24

跨职能流程图

2019-03-29 09:24:36

国内程序员微博GitHub

2024-08-16 18:48:45

2010-07-05 13:21:36

用Visio画UML流

2021-06-07 06:25:35

画流程图开发技能

2020-12-30 15:18:28

程序员工具办公

2022-09-05 14:37:14

flowableVue 库XML

2009-06-04 15:51:46

Struts流程图

2023-08-23 19:21:38

流程图时序图UML

2009-02-27 09:18:17

微软减薪临时工

2020-07-28 21:42:23

程序流程图

2010-07-06 15:23:24

UML流程图

2020-07-28 21:44:23

工艺流程图

2012-01-05 11:08:37

CISCO路由器启动流程

2009-11-09 13:23:35

WCF协定

2010-03-24 15:36:18

2015-07-21 14:40:53

Amaze UI

2021-04-16 09:50:32

开源技术 模型

2020-08-03 09:05:48

代码程序员案例
点赞
收藏

51CTO技术栈公众号