![f6d05936979e57adc1351fc5736c8347.png](https://i-blog.csdnimg.cn/blog_migrate/b57da8e07ca89d60a1ebf4d5226ca51b.jpeg)
vscode-drawio简介
网络之大,人才百出,在开源背景下,一些功能只有你想不到,没有做不到。
这不,对于写代码的程序员来说,竟然也可以在VSCode IDE里边写代码,边画逻辑流程图了。
最近,在github上有人发布了一款插件vscode-drawio,短短的几天时间,star数达到了4.5k+,引起了大量小伙伴们的围观。
![731a9fd4a8befbe4539c764d3297c4c3.png](https://i-blog.csdnimg.cn/blog_migrate/e4a5bd04dda83aed8dab7afd82a6c9bd.jpeg)
其项目地址是https://github.com/hediet/vscode-drawio,大家有兴趣可以看下。
其官方给出的主要特点:
![c59b975b5b79f2e603c37bc8b2f91fbe.png](https://i-blog.csdnimg.cn/blog_migrate/5424abd95c22dbfa387e29fdb997fec8.png)
动态效果图
看看官方的给出的动态效果图:
![96eb3c9f669693eaeddb962cfdd33e6d.png](https://i-blog.csdnimg.cn/blog_migrate/9fd0e1cba8070e91bb94b7a54e2c5238.png)
是不是很牛啊,有没有在Visio里面画流程图的感觉?关键是还很漂亮啊,是不是在不久的将来,可以淘汰Visio那些专业的流程图软件了?
安装方式
如果你心动了,可以在你的VSCode里面去安装了。安装方式比较简单,在VSCode最左侧的扩展里面搜索“draw”,安装第一个就可以了。
![6cd62605e629f83de3b5decfff2f6987.png](https://i-blog.csdnimg.cn/blog_migrate/881f9baac7382c37a24aef65238dc91c.jpeg)
因为刚发布,还有很多功能要添加,但这也不影响它的优秀啊。
据官方介绍,下个稳定版本中将添加直接编辑.drawio.png文件的功能,使用这个功能可直接编辑和保存.drawio.png文件,这些文件中包含了一个嵌入的http://Draw.io图,可随时编辑此类文件,且其png部分都会保持最新。
小伙伴们,快试下吧。