vscode extract function 要求选中连续可执行语句块、光标不在注释/字符串内、语言模式正确；推荐用 shift+alt+→ 智能选中括号块；参数名用 f2 重命名；react 中提取后需手动改造为合规 hook。
选中代码前必须确认三件事
VSCode 的 Extract Function 不会猜你意图，只响应“合法选中”。常见失败不是功能坏了，而是选中本身不满足语法约束：
- 选区必须是连续、可执行的语句块（比如不能只选
if (x) {半截，也不能跨函数边界） - 光标不能落在注释、字符串字面量或模板字符串内部（哪怕只是停在
"hello"里一个字母上） - 语言模式必须正确——左下角显示
JavaScript或TypeScript，而不是Plain Text或JSON
如果右键没出现 Refactor → Extract to function，先按 Ctrl+Shift+P（macOS 是 Cmd+Shift+P），输入 Extract Function 看是否能触发。不能，则大概率是选区或语言模式问题。
怎么快速、准确地选中大段嵌套代码
手动拖选多层缩进代码极易漏行或误触，推荐用 VSCode 内置的括号智能选中：
- 把光标放到目标代码块的起始
{或结束}上（注意：必须紧贴括号字符，不能在它前面或后面空格处） - 按
Shift+Alt+→（Windows/Linux）或Shift+Option+→（macOS）——一次就选中整个配对块 - 若要扩大到外层（比如从 if 块扩到整个函数体），再按一次；想缩小，用
←
特别注意：如果目标是提取一个 for 循环体，但循环内有 return 或 break，VSCode 可能拒绝提取（因无法安全封装控制流）。此时建议先删掉这些跳转语句，提取后再补回逻辑。
提取后参数名全是 arg0、arg1？别手改，用 F2 重命名
VSCode 推导参数名只看变量引用，不看语义。比如你选中的是 const tmp = x * 2; console.log(tmp);，它只会生成 function extracted(arg0)，因为 tmp 是临时名，没有上下文。
- 提取完成后，光标自动停在新函数名上；按
F2，它会跳到第一个参数arg0处 - 直接输入有意义的名字（如
multiplier），回车——所有调用处同步更新 - 如果想提前干预，可在选中前把关键临时变量重命名为描述性名称（如把
tmp改成scaledValue），再提取
TypeScript 中若原变量带类型（const count: number = items.length;），参数会自动带 : number；纯 JS 不会，需手动加 JSDoc 或后续补类型。
React 里提取函数 ≠ 提取 Hook，得手动改造
VSCode 的 Extract Function 对 React 组件内逻辑一视同仁，但它不会识别 Hook 规则。比如你从组件里提取一段含 useState 或 useEffect 的代码，生成的函数仍是普通函数，不能直接当自定义 Hook 用。
- 提取后，需手动把函数名改为
useXXX格式（如useFetchData） - 检查是否用了闭包变量（如外层
const [data, setData] = useState()）——这些必须作为参数传入，或改用useCallback包裹 - 若函数内调用了其他 Hook，必须确保调用位置符合 Hook 规则（顶层、条件外）
最稳妥的做法：先提取为普通函数，验证逻辑无误，再逐步迁移到自定义 Hook 结构。别指望一键生成合规 Hook。
