VSCode原生不支持一键提取函数到新文件，必须依赖插件如Glean实现自动创建文件、export、import及类型推导；手动操作易出现路径错误、类型丢失和导入失败等问题。
VSCode 原生不支持“一键提取到新文件”的公共函数逻辑，所谓“快速”必须靠插件补足能力断层。 单靠内置 Refactor → Extract Function 只能在当前文件生成函数，移动、导出、补 import 全得手动——这不是效率问题，是根本没这功能。
为什么装插件是刚需，而不是可选
原生重构只做 AST 分析，不碰文件系统。它不知道该把函数存哪、要不要加 export、路径怎么写才合法。你手动剪切粘贴后，大概率遇到：
-
Cannot find name 'xxx'：新文件没export，或原文件没import -
Module not found：VSCode 自动生成的路径含空格、大驼峰，或用了相对路径但层级错了 - 类型丢失：TS 接口/类型没一并迁移，
any满天飞
插件（如 Glean 或 ES7+ React/Redux/React-Native snippets 的配套工具）能接管整个链路：选中 → 命名 → 选目标目录 → 自动生成 .ts 文件 + export + import 语句 + 类型推导。
Glean 插件提取函数到新模块的实际操作
Glean 是目前对 JS/TS 公共逻辑提取最稳的插件，尤其擅长跨文件封装。它不依赖语言服务是否启用，也不要求文件顶部有 export 才触发。
- 选中要提取的语句块（支持多行，但不能含
return或throw等控制流语句） - 右键 →
Glean: Extract to Module（不是 “Extract to Function”） - 输入函数名（会自动转为小驼峰，如
fetchUserData），选择保存路径（支持新建子目录） - 它会自动生成
fetchUserData.ts，内容含export function fetchUserData(...)，并在原文件顶部插入import { fetchUserData } from './fetchUserData'; - 若函数依赖外部类型（如
User接口），Glean会尝试从作用域内提取并写入新文件；失败时会在控制台提示，需手动补
Extract Function 后手动补 import 总失败？试试这个顺序
即使不用插件，也别硬等 Ctrl+. 弹出 Import 提示——它常因 TS Server 未索引新文件而失效。
- 先保存新文件（哪怕只是空的
export {};），等右下角 TypeScript 状态栏变绿 - 回到原文件，在调用处光标停在函数名上（如
fetchUserData()），再按Ctrl+. - 如果仍不弹选项，执行
Ctrl+Shift+P → Restart TS Server，再试一次 - 实在不行，手动写：
import { fetchUserData } from './path/to/fetchUserData';，然后把光标放进去按Ctrl+Space触发自动路径补全
JS 文件里 Extract 到新模块几乎必挂，原因和对策
.js 文件缺乏类型信息，VSCode 的重构引擎直接降级：菜单灰显、路径生成错乱、import 不补全是常态。
- 临时解法：在文件顶部加
// @ts-check，再配一个空的jsconfig.json（内容{"compilerOptions": {"allowJs": true}}） - 长期建议：把待提取的逻辑所在文件后缀改为
.ts，哪怕暂时不加类型——只要文件被识别为 TS 模块，Move to a new file和Glean就能跑通 - 别信 “JSX 提取成组件” 的快捷方式：原生和
Glean都只处理纯逻辑，JSX 必须用Glean: Extract JSX to Component单独命令
真正卡住人的从来不是“怎么点”，而是新文件路径生成规则、TS Server 索引延迟、以及 JS/TS 模块上下文识别这三者的组合判断——这些细节不手动验证一遍，插件也会静默失败。
