VSCode 提取方法（Extract Function）不是点一下就出来的功能，它必须满足三个硬性条件：手动选中合法语句块、语言模式正确、TypeScript/JavaScript 语言服务已就绪。缺一个，Ctrl+Shift+R 就没反应，右键菜单也不出现。

为什么按 Ctrl+Shift+R 没反应？先检查这三件事

VSCode 不会自动推断你要提取哪几行——它只响应明确、语法合法的选中范围。

• 必须用鼠标拖选，或 Shift + ↑/↓ 手动框出连续语句（例如 const result = a * 2 + b; return result;），不能只把光标停在行上按快捷键
• 选中内容不能含末尾分号（JS/TS 中会报 Cannot extract to function: selected code is not a valid statement or expression）
• 左下角语言模式必须是 JavaScript（不是 Plain Text），且项目根目录要有 jsconfig.json（哪怕空文件）——否则 TypeScript Server 不加载，重构菜单压根不激活

Extract Function 后参数全是 arg0、arg1？别手改

这不是 bug，是 VSCode 故意不猜语义：它只根据你选中代码里「实际被读取但未在选区内定义」的变量名生成参数。如果原始代码写的是 let tmp = x * y;，它就只能推导出 arg0。

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

• 提取完成后立刻按 F2，光标自动停在第一个参数上，输入 scaledValue 回车，所有调用处同步更新
• 想提前控制命名？选中前先把临时变量重命名为有意义的名字（比如把 tmp 改成 scaledValue），再提取
• TypeScript 中若原变量带类型注解（const count: number = items.length），参数会自动带上 : number；纯 JS 不会

新函数总插到文件顶部？手动剪切粘贴更可靠

VSCode 默认插到文件最上方，是为了兼容 var 声明提升，但阅读时逻辑断层严重。它不提供“插到调用下方”的选项，也没必要等未来支持。

• 提取完立即按 Ctrl + X 剪切新函数，回到原调用位置上方按 Ctrl + V 粘贴——VSCode 会自动对齐缩进
• 如果调用处在 async 函数里，而提取出的函数用了 await，记得手动补 async 关键字，否则调用侧 await 会失效
• React 组件里提取的逻辑不会自动变成自定义 Hook，需手动加 use 前缀、检查依赖数组，并确保只在顶层调用

最容易被跳过的其实是语言服务状态：右下角没显示 “TypeScript ready” 或 “JavaScript language features activated”，Extract Function 就是哑的。不是快捷键不对，是整个底层没起来——这点比选中范围还容易被忽略。