VSCode 竟然能够画流程图了?开源不到 10 天,Star 数近 5000
2023-03-15 22:38:43 时间
技术人员一般需要具备一定得画图能力,特别是架构师,需要画各种图:除了让架构更清晰,方便给别人讲解,也是装逼神器~
画图工具有很多,今天推荐的是一款 VSCode 插件!没错,在 VSCode 中画图。它就是 vscode-drawio,即将 draw.io 集成进 VSCode 中。
项目地址:https://github.com/hediet/vscode-drawio,截止目前 Star 数:4.3k+,下载安装量 33k+。
从一个 Demo 开始
![VSCode 竟然能够画流程图了?开源不到 10 天,Star 数近 5000](https://s4.51cto.com/oss/202005/19/dc644661b0bb871eb5682b0c0f8f070d.gif)
通过简单浏览动图发现真的挺强大。
安装
打开 VSCode,点击最左侧底部的 Extensions,搜索 draw.io,找到其中的 Draw.io Integration:
![VSCode 竟然能够画流程图了?开源不到 10 天,Star 数近 5000](https://s2.51cto.com/oss/202005/19/e309bfea20345ab90ff452ee444e7b2a.jpeg)
跟安装其他扩展没什么区别。建议安装完后重启下 VSCode。
简单使用
创建一个文件:test.drawio,打开后,自动是如下界面:
![VSCode 竟然能够画流程图了?开源不到 10 天,Star 数近 5000](https://s4.51cto.com/oss/202005/19/1a1f7f18966111390574946747002da9.jpeg)
之后你就可以跟很多其他画图工具一样,拖拽画图了。
说明一下:目前该扩展不支持导出,不过很快会支持可以编辑 png 格式。有人提 issue 希望支持导出,作者的意思因为马上支持 png,因此不需要导出。具体可以看 issue39。
相关文章
- 金融服务领域的大数据:即时分析
- 影响大数据、机器学习和人工智能未来发展的8个因素
- 从0开始构建一个属于你自己的PHP框架
- 如何将Hadoop集成到工作流程中?这6个优秀实践必看
- SEO公司使用大数据优化其模型的5种方法
- 关于Web Workers你需要了解的七件事
- 深入理解HTTPS原理、过程与实践
- 增强分析:数据和分析的未来
- PHP协程实现过程详解
- AI专家:大数据知识图谱——实战经验总结
- 关于PHP的错误机制总结
- 利用数据分析量化协同过滤算法的两大常见难题
- 怎么做大数据工作流调度系统?大厂架构师一语点破!
- 2019大数据处理必备的十大工具,从Linux到架构师必修
- OpenCV中的KMeans算法介绍与应用
- 教大家如果搭建一套phpstorm+wamp+xdebug调试PHP的环境
- CentOS下三种PHP拓展安装方法
- Go语言HTTP Server源码分析
- Go语言HTTP Server源码分析
- 2017年4月编程语言排行榜:Hack首次进入前五十