Code DXP
代码分析仪表盘 - 可视化代码质量、复杂度和依赖关系
功能特性
- 代码统计: 文件数量、代码行数、总大小
- 语言分布: 饼图展示各语言占比
- 复杂度分析: 高/中/低复杂度文件分类
- 依赖分析: package.json 依赖解析
- TODO/FIXME: 自动统计代码中的待办事项
- 实时更新: 文件变化自动刷新仪表盘
使用方法
- 安装插件
- 打开一个项目文件夹
- 使用以下方式打开仪表盘:
- 命令面板:
Ctrl+Shift+P 输入 Code DXP: Show Dashboard
- 快捷键:
Ctrl+Alt+A
- 侧边栏: 点击 Code DXP 图标
- 右键菜单: 在资源管理器中右键选择
快捷键
| 命令 |
Windows/Linux |
macOS |
| 打开仪表盘 |
Ctrl+Alt+A |
Cmd+Alt+A |
| 刷新分析 |
Ctrl+Alt+R |
Cmd+Alt+R |
界面预览
仪表盘包含:
- 统计卡片(文件数、行数、大小等)
- 语言分布饼图
- 复杂度柱状图
- 高复杂度文件列表
- 最大文件列表
- 最近修改文件列表
- 依赖分析
- TODO/FIXME 列表
性能优化
- 最大扫描文件数: 10,000
- 单文件大小限制: 1MB
- 文件变化防抖: 1秒
- 自动忽略 node_modules、.git 等目录
技术栈
- VS Code Extension API
- Chart.js (图表渲染)
- 现代 CSS Grid 布局
许可证
MIT
| |