无需登录 数据私有 本地保存

Monorepo 依赖图生成器 - 可视化包间关系

13
0
0
0
包与依赖关系添加

支持通过表单或批量文本输入两种方式添加包及其依赖关系。用户可以自由定义包名称和目标依赖,灵活适配不同规模的项目结构。

交互式依赖图可视化

基于图论算法自动布局,将依赖关系渲染为清晰的有向图。支持拖拽、缩放等交互操作,用户可以从不同角度审视项目架构。

循环依赖检测

工具在构建依赖图的同时执行循环依赖检测算法,一旦发现 A 依赖 B、B 依赖 A 等环形依赖链,会在图中以醒目颜色高亮标注。

实时统计数据面板

提供包总数、依赖边数量、循环依赖数量等关键统计指标的实时展示,帮助开发者快速评估项目复杂度与健康状态。

搜索与高亮定位

内置实时搜索功能,输入包名即可快速定位目标节点并高亮其所有直接和间接依赖关系,大幅提升大型项目的分析效率。

示例数据一键加载

内置多种预设示例数据,涵盖小型、中型等不同复杂度的项目结构,支持一键加载以便快速体验工具功能或用于教学演示。

依赖关系管理

支持单条删除和批量清空操作,用户可以随时调整依赖关系并实时观察图的变化,方便进行架构重构方案的模拟验证。

纯前端离线运行

所有计算和渲染均在浏览器端完成,无需后端服务支持,支持离线使用,确保项目依赖数据的安全性和隐私性。

依赖图导出功能

支持将可视化依赖图导出为 PNG 格式图片文件,包含完整的节点标签、依赖箭头和循环依赖高亮等视觉元素。导出的图片可直接用于技术文档、架构评审报告或团队沟通材料,方便在会议演示和文档编写中使用。

批量文本输入模式

除了表单逐条添加外,还支持批量文本输入模式。用户可以一次性粘贴多条依赖关系,每行一条,格式为「包名 -> 依赖包名」。这种模式特别适合从现有 package.json 文件中手动提取依赖关系后快速录入,大幅提升数据输入效率。