🔍 文件依赖关系可视化图

📊 什么是文件依赖图？

文件依赖图是一种可视化工具，它能直观地展示项目中各个文件之间的依赖关系。

优势类别	详细说明
🔍 结构清晰	清晰地了解代码结构和模块间的关联
🐛 问题发现	快速发现循环依赖等潜在问题
📦 代码优化	优化代码组织和模块划分
👥 团队协作	帮助新团队成员更快地理解项目架构

⚡ 为什么使用 Madge？

提示

💡 核心优势：我们内置了 Madge 库并做了适配，让你可以专注于开发而不用担心配置问题。

特性	优势说明
⚙️ 零配置	省去了复杂的配置过程，开箱即用
🚀 性能优化	经过优化的集成确保快速生成依赖图
🔗 完美适配	与神岛项目整合，支持直接跳转到源文件

🎯 如何使用

快速访问

提示

💡 一键访问：点击下方链接即可快速查看依赖图

👉 服务端入口文件依赖图 | 客户端入口文件依赖图

手动调用

1. 按下快捷键 F1 或 Shift+Ctrl+P（Mac 上是 Shift+Cmd+P）打开命令面板
2. 在命令面板中输入 Graph
3. 选择 获取服务端/客户端入口文件依赖图 选项

🎮 交互操作指南

操作类型	操作说明
🔍 缩放	使用鼠标滚轮可以自由缩放画布
ℹ️ 查看详情	悬停在节点上可以查看详细的依赖文件信息
🖱️ 调整布局	长按拖动可以重新排列节点位置
📝 快速跳转	单击节点可以直接打开对应文件进行编辑

提示

💡 使用建议：通过这些交互功能，你可以轻松掌握项目的整体结构，提高开发效率。定期查看依赖图有助于及时发现和优化代码结构。