关于 Web 组件分析器
该工具用于分析前端组件代码复杂度与可维护性，支持 React、Vue、Angular 三种框架输入，并输出指标、问题和优化建议。
核心功能
- 多框架分析：可切换 React/Vue/Angular 代码上下文。
- 质量指标统计：输出复杂度、结构规模、依赖情况等关键指标。
- 风险识别：标记潜在问题点，如过深嵌套、职责耦合、依赖风险。
- 建议生成：提供可执行的重构方向与改进建议。
- 报告管理：支持加载示例、复制分析报告和重置输入。
使用说明
- 选择目标框架并粘贴组件代码。
- 执行分析并查看指标卡片与综合等级。
- 重点关注问题列表与依赖关系提示。
- 按建议进行拆分或重构后再次对比分析结果。
适用场景
- 代码评审前的自检。
- 旧组件重构优先级排序。
- 团队内统一组件质量基线。
常见问题
评分高就代表性能一定好吗？
不完全等价。该工具更偏静态结构评估，性能仍需结合运行时指标验证。
为什么建议和我的业务取舍不一致？
建议基于通用工程实践，实际落地需结合业务节奏与团队规范进行取舍。