使用gviz,通过 DOT (一种描述语言来定义图形)Graphviz 实现图形可视化。
最终产物可生成 PNG、PDF、SVG 等格式。
- 以 Mac 为例,需要在电脑使用命令行工具安装
graphviz
// 我的电脑是 m1,命令行如下:
arch -arm64 brew install graphviz
- 在需要生成依赖关系图形的项目根目录下,找到
pubspec.yaml
文件,添加如下依赖
dev_dependencies:
yaml: ^3.1.1
gviz: ^0.4.0
如 demo : flutter_dependency_draw 项目内的 script/dependency_draw.dart
最终会生成 依赖关系.png 文件, 位于当前项目的 dotGenerateDir 目录下。
- flutter_dependency_draw 作为主项目,
- cart、common、common_ui、login、menu、net、 order、splash、trade、upgrade 分别是组件模块
- 组件模块内部依赖了些许第三方库
生成的依赖关系图如下: