Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>代码影响分析器New to Visual Studio Code? Get it now.
代码影响分析器

代码影响分析器

hunterFE

| (0) | Free
分析Git提交时的代码改动影响范围,并通过Dify提供智能分析建议
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

代码影响分析器 (Code Analysis)

一个智能的VSCode插件,用于在Git提交时自动分析代码变更的影响范围,并通过大模型提供专业的代码影响分析建议。

✨ 功能特点

  • 🔍 自动检测: Git提交时自动触发分析,无需手动操作
  • 📊 依赖分析: 智能分析文件依赖关系,找出所有引用位置
  • 🤖 AI驱动: 集成Dify,提供专业的代码影响评估
  • 🎯 多语言支持: 支持Vue、React等前端技术栈(.vue, .js, .jsx, .ts, .tsx等)
  • 📱 可视化展示: 美观的WebView界面展示分析结果

📖 使用说明

工作流程

  1. 插件激活: 打开工作区时,插件自动激活并初始化
  2. Git监控: 插件会在.git/hooks目录创建pre-commit钩子
  3. 代码提交: 当你执行git commit时,钩子会触发插件分析
  4. 依赖分析: 插件分析变更文件及其被引用的位置
  5. AI分析: 将信息发送给大模型进行智能分析
  6. 结果展示: 在WebView中展示分析结果和建议
  7. 回显结果: WebView手动关闭后可通过左下角提示或输入ctrl + shift + p 输入代码分析:重新打开分析结果可重新打开

查看日志

  1. 打开输出面板:查看 -> 输出 (或 Ctrl+Shift+U)
  2. 在下拉列表中选择 "代码影响分析器"
  3. 可以看到详细的分析日志

支持的文件类型

  • .vue - Vue单文件组件
  • .js - JavaScript文件
  • .jsx - React JSX文件
  • .ts - TypeScript文件
  • .tsx - TypeScript JSX文件
  • .mjs - ES模块JavaScript
  • .cjs - CommonJS模块

📝 示例

示例1: 修改组件文件

假设你修改了 src/components/Button.vue:

  1. 执行 git add 和 git commit
  2. 插件检测到变更
  3. 分析发现该组件被以下文件引用:
    • src/pages/Home.vue (第10行)
    • src/pages/Settings.vue (第25行)
  4. 大模型分析后给出建议:
    • 影响范围:中等
    • 需要测试首页和设置页的按钮功能
    • 注意按钮样式变化对整体UI的影响

示例2: 修改工具函数

假设你修改了 src/utils/format.ts:

  1. 插件分析发现被20个文件引用
  2. Dify评估为高影响范围
  3. 建议进行全面回归测试

❓ 常见问题

Q: 分析结果不准确?

A: 依赖分析基于静态代码分析,可能存在以下情况:

  1. 动态导入可能无法完全识别
  2. 复杂的路径别名可能解析失败
  3. 建议结合实际情况判断

Q: API调用失败?

A: 插件会提供备用的本地分析结果,包含基础的影响范围评估。

享受智能代码分析带来的便利! 🎉

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft