包与依赖关系添加
支持通过表单或批量文本输入两种方式添加包及其依赖关系。用户可以自由定义包名称和目标依赖,灵活适配不同规模的项目结构。
交互式依赖图可视化
基于图论算法自动布局,将依赖关系渲染为清晰的有向图。支持拖拽、缩放等交互操作,用户可以从不同角度审视项目架构。
循环依赖检测
工具在构建依赖图的同时执行循环依赖检测算法,一旦发现 A 依赖 B、B 依赖 A 等环形依赖链,会在图中以醒目颜色高亮标注。
实时统计数据面板
提供包总数、依赖边数量、循环依赖数量等关键统计指标的实时展示,帮助开发者快速评估项目复杂度与健康状态。
搜索与高亮定位
内置实时搜索功能,输入包名即可快速定位目标节点并高亮其所有直接和间接依赖关系,大幅提升大型项目的分析效率。
示例数据一键加载
内置多种预设示例数据,涵盖小型、中型等不同复杂度的项目结构,支持一键加载以便快速体验工具功能或用于教学演示。
依赖关系管理
支持单条删除和批量清空操作,用户可以随时调整依赖关系并实时观察图的变化,方便进行架构重构方案的模拟验证。
纯前端离线运行
所有计算和渲染均在浏览器端完成,无需后端服务支持,支持离线使用,确保项目依赖数据的安全性和隐私性。
依赖图导出功能
支持将可视化依赖图导出为 PNG 格式图片文件,包含完整的节点标签、依赖箭头和循环依赖高亮等视觉元素。导出的图片可直接用于技术文档、架构评审报告或团队沟通材料,方便在会议演示和文档编写中使用。
批量文本输入模式
除了表单逐条添加外,还支持批量文本输入模式。用户可以一次性粘贴多条依赖关系,每行一条,格式为「包名 -> 依赖包名」。这种模式特别适合从现有 package.json 文件中手动提取依赖关系后快速录入,大幅提升数据输入效率。
UD5工具箱