应优先用code-simplifier插件一键重写，再人工增量重构：提取纯函数、拆分大组件、替换魔法值、补全依赖项。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
当你用Vibe Coding让AI生成一段能跑通的代码后，发现它嵌套过深、变量命名混乱、逻辑重复、没有注释，甚至某个函数写了80行却只做三件事——这时候直接硬改，5分钟就可能陷入“越修越崩”的循环。
先确认是否真要动手改
打开终端，运行 npm run lint 或 eslint src/YourFile.tsx。如果报出超过12条“no-unused-vars”“complexity > 20”“missing-return”类错误，说明这段代码已超出可维护阈值，必须重构。
若只有2～3条低风险警告（如“trailing comma”），且功能稳定、测试全通，【跳过重构，留待下个迭代】。强行优化会打断当前开发节奏，得不偿失。
用code-simplifier插件一键重写
这是2026年最高效、最安全的首步操作。
方法一：在VS Code中右键选中目标函数 → 选择 “Simplify with Claude” → 等待10秒 → 接受替换。
方法二：光标置于函数开头，按下Cmd+Shift+S（Mac）或Ctrl+Shift+S（Win），插件自动识别作用域并生成重构建议。
在克隆的 Git 仓库中驱动完整的规格驱动开发生命周期（init→需求→架构→流程设计→项目计划→编码→测试→缺陷修复→代码审查→发布）。阶段门控、产物强制输出、多语言支持，内置提交机制。
注意：该插件默认禁用对 useEffect 内部异步逻辑的重写，避免破坏数据流顺序——如需强制处理，请先手动加注释 // @simplify:force。
人工介入式增量重构
适用于插件无法覆盖的场景：自定义Hook、状态机逻辑、与第三方SDK深度耦合的模块。
第一步：提取纯函数
把所有含 if/else 判断但不依赖组件状态的计算逻辑，剪切到 src/lib/utils.ts 中，命名为 calculateXxxScore() 或 normalizeApiResponse()。这一步能让主组件体积下降30%以上，且便于单元测试。
第二步：拆分大组件
找到文件中第一个超过40行的 JSX 返回块，将其包裹进新文件 src/components/FeatureSection.tsx。Props 类型必须显式声明，禁止使用 any 或隐式 props: {}。
第三步：替换魔法字符串和数字
搜索整个文件，将所有未定义的字符串字面量（如 "pending"、"user_role_admin"）和数字（如 3000、12）替换成从 src/constants/index.ts 导入的常量。这一步不做完，后续国际化和权限变更将寸步难行。
第四步：补全缺失的依赖项
检查每个 useEffect 和 useCallback 的依赖数组。漏掉一个 searchTerm，就可能导致无限请求循环——【务必逐个核对，不能凭感觉跳过】。
