代码影响分析器 (Code Analysis)
一个智能的VSCode插件,用于在Git提交时自动分析代码变更的影响范围,并通过大模型提供专业的代码影响分析建议。
✨ 功能特点
- 🔍 自动检测: Git提交时自动触发分析,无需手动操作
- 📊 依赖分析: 智能分析文件依赖关系,找出所有引用位置
- 🤖 AI驱动: 集成Dify,提供专业的代码影响评估
- 🎯 多语言支持: 支持Vue、React等前端技术栈(.vue, .js, .jsx, .ts, .tsx等)
- 📱 可视化展示: 美观的WebView界面展示分析结果
📖 使用说明
工作流程
- 插件激活: 打开工作区时,插件自动激活并初始化
- Git监控: 插件会在
.git/hooks目录创建pre-commit钩子
- 代码提交: 当你执行
git commit时,钩子会触发插件分析
- 依赖分析: 插件分析变更文件及其被引用的位置
- AI分析: 将信息发送给大模型进行智能分析
- 结果展示: 在WebView中展示分析结果和建议
- 回显结果: WebView手动关闭后可通过左下角提示或输入ctrl + shift + p 输入代码分析:重新打开分析结果可重新打开
查看日志
- 打开输出面板:
查看 -> 输出 (或 Ctrl+Shift+U)
- 在下拉列表中选择 "代码影响分析器"
- 可以看到详细的分析日志
支持的文件类型
.vue - Vue单文件组件
.js - JavaScript文件
.jsx - React JSX文件
.ts - TypeScript文件
.tsx - TypeScript JSX文件
.mjs - ES模块JavaScript
.cjs - CommonJS模块
📝 示例
示例1: 修改组件文件
假设你修改了 src/components/Button.vue:
- 执行
git add 和 git commit
- 插件检测到变更
- 分析发现该组件被以下文件引用:
src/pages/Home.vue (第10行)
src/pages/Settings.vue (第25行)
- 大模型分析后给出建议:
- 影响范围:中等
- 需要测试首页和设置页的按钮功能
- 注意按钮样式变化对整体UI的影响
示例2: 修改工具函数
假设你修改了 src/utils/format.ts:
- 插件分析发现被20个文件引用
- Dify评估为高影响范围
- 建议进行全面回归测试
❓ 常见问题
Q: 分析结果不准确?
A: 依赖分析基于静态代码分析,可能存在以下情况:
- 动态导入可能无法完全识别
- 复杂的路径别名可能解析失败
- 建议结合实际情况判断
Q: API调用失败?
A: 插件会提供备用的本地分析结果,包含基础的影响范围评估。
享受智能代码分析带来的便利! 🎉
| |