vscode原生不支持提取任意js代码段落，仅对语法合法、作用域清晰、无控制流中断的语句块生效；实测稳定插件仅有glean（支持jsx/hook/工具函数提取）和typescript toolbox（提供extract to variable）。
VSCode原生不支持“提取JS代码段落”这个操作
所谓“提取代码段落”，不是指任意选中几行就变成函数——VSCode 的 Extract Method 只对**语法合法、作用域清晰、无控制流中断**的语句块生效。你选中 console.log(x); x++;，它不会帮你封装，因为 x++ 是副作用，且无法推断返回值；你选中 if (a) { b(); } 中间一段，它大概率报错 No refactorings available，因为 AST 无法安全切分。
真正能用的插件只有 Glean 和 TypeScript Toolbox
其他名字带“refactor”“extract”的插件多数是 UI 壳或已停更。实测稳定可用的只有两个：
-
Glean：专为 React/TS/JS 设计，支持
Extract to Component（JSX）、Extract to Hook（含 useEffect/useCallback）、Extract to Utility Function（纯逻辑），右键菜单直接触发，不依赖光标位置 -
TypeScript Toolbox：提供
Extract to Variable命令（原生没有），适合把a + b * 2一键转成const result = a + b * 2;，但仅限 TS/JS 文件，且需手动调用命令面板（Ctrl+Shift+P→ 输入 “Extract to Variable”）
装完任一插件后，务必重启 VSCode，否则语言服务可能不加载重构项。
插件提取失败时，先检查这三件事
即使装了插件，也常卡在“灰色不可用”状态：
Comprehensive Three.js 3D graphics reference
下载
详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。
- 文件没保存 —— 插件依赖语言服务，未保存的临时文件不触发 AST 分析
- 选区跨了
return、break或throw—— 这些语句改变控制流，插件不敢封装，会静默禁用选项 - 用了
this、arguments或隐式全局变量（如直接写localStorage.getItem）—— 插件无法安全推导上下文，参数列表为空或漏传
遇到灰色选项，别反复按快捷键，先删掉 console.log 或临时注释掉 return，再试。
提取后必须手动做的两件事
插件生成的代码只是起点，不是终点：
-
重命名函数/组件名：Glean 默认叫
NewComponent，TypeScript Toolbox 提取的变量叫temp—— 按F2改名，它会同步更新所有调用处；别手改，容易漏 -
检查参数和返回值：插件不会自动解构对象（比如把
user.name提取后仍传整个user），也不会补return（若原代码有隐式返回，新函数可能返回undefined）
最易被忽略的是：插件提取的函数默认插入文件顶部，但调用点可能在中间——剪切粘贴到调用上方，比靠滚动找更省时间。
