CodeBuddy可自动将符合规范的React Class组件转为函数组件+Hooks，需先安装重启插件、确保default导出、清理空行注释、检查forceUpdate调用，再右键类名转换，并人工核验useEffect依赖和运行时行为。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想把项目里大量老旧的React Class组件快速迁移到函数组件+Hooks写法，又不想手动逐行改写、漏掉生命周期逻辑或状态转换细节，CodeBuddy能自动完成大部分转换工作，但必须按特定流程操作才能保证转换结果可用。
安装并启用CodeBuddy插件
打开VS Code → 点击左侧扩展图标 → 搜索“CodeBuddy” → 点击“Install”按钮安装 → 安装完成后点击“Reload”重启编辑器。这一步不做完，右键菜单里根本不会出现“Convert to Hooks”选项。
重启后，在任意Class组件文件（如Header.js）中右键，若看到“Convert to Hooks”菜单项，说明插件已就绪。
准备待转换的Class组件
确保目标文件是标准的ES6 Class组件，且满足以下条件：【必须导出为default export】，例如export default class Header extends React.Component { ... }；如果用export class Header extends ...或module.exports = class ...，CodeBuddy会直接跳过不处理。
删掉所有无用注释和空行——CodeBuddy对缩进敏感，混杂的空行可能导致state提取失败。
CodeBuddy Code CLI 的安装、配置与使用指南。CodeBuddy Code 是腾讯推出的 AI 驱动 CLI 编程助手，支持自然语言驱动开发。 - 必备触发词：CodeBuddy, codebuddy, AI CLI, Tencent AI coding, @tencent-ai/codebuddy-code, terminal AI assistant - 适用场景：安装 CodeBuddy CLI、配置 CodeBuddy、使用 CodeBuddy 命令、排查 CodeBuddy 问题
检查是否调用了this.forceUpdate()：该方法在Hooks中无等价实现，CodeBuddy不会转换它，但也不会报错，容易遗漏导致页面不更新。
执行转换操作
第一步：在Class组件的类名上右键 → 选择“Convert to Hooks”。
第二步：插件会自动分析constructor、state、componentDidMount等生命周期，并生成对应Hooks代码。它会把this.state.xxx转成const [xxx, setXxx] = useState(...)，把componentDidMount内容塞进useEffect(() => { ... }, [])。
第三步：生成的代码默认放在原文件顶部，原Class组件被注释掉。注意看生成的useEffect依赖数组——如果原componentDidUpdate里依赖了props，CodeBuddy可能漏掉某些依赖项，需人工补全，否则会造成闭包陷阱。
第四步：保存文件，运行项目验证行为一致性。特别留意表单输入、定时器、事件监听器是否仍正常注册与清理。
