VSCode中提取变量或函数需先选中表达式再按Ctrl+.（Win/Linux）或Cmd+.（macOS）触发重构菜单；未选中、文件未保存、缺少jsconfig.json/tsconfig.json或插件冲突会导致选项不可用；提取后需手动格式化。
VSCode 里按 Ctrl+Shift+R（Windows/Linux）或 Cmd+Shift+R（macOS）不能直接提取变量或方法——那是重命名快捷键，不是重构入口。真正能快速提取局部变量、函数或常量的，是编辑器内置的「代码操作」（Quick Fix / Refactor）菜单，触发方式固定且依赖光标位置和选中范围。
光标停在哪，才能触发提取变量（Extract Variable）
必须先选中一段表达式（比如 user.profile.avatarUrl || '/default.png'），再按 Ctrl+.（Windows/Linux）或 Cmd+.（macOS）。VSCode 会弹出上下文菜单，第一项通常是 Extract to variable。如果只把光标放在表达式中间但没选中，菜单不会出现该选项。
- 支持提取的表达式需有明确类型推断（TypeScript 或带 JSDoc 的 JS 更稳）
- 若表达式含副作用（如
Math.random()、console.log()），VSCode 仍允许提取，但不会警告——你得自己判断是否安全 - 提取后变量名默认基于表达式首字母缩写（如
user.profile.avatarUrl→upa），建议手动改名，否则可读性反而下降
提取函数（Extract Function）对作用域有硬性要求
选中代码块后按 Ctrl+.，菜单中出现 Extract to function in enclosing scope 才算成功触发。关键限制在于：被选中代码不能跨函数边界，也不能引用外部未声明的变量（除非它们在当前函数作用域内）。
- 常见失败场景：选中了包含
this或箭头函数内setState的代码 → 提取后新函数无法访问this，需手动传参 - React 函数组件中，提取的函数默认不参与 hooks 规则校验，容易误写成闭包陷阱（如捕获过期的
props） - 提取后 VSCode 默认将新函数放在当前函数末尾，但若原函数很长，建议手动剪切到文件顶部或单独模块，避免逻辑分散
为什么有时菜单里没有 Extract 选项？检查这三处
不是所有语言/文件类型都默认启用这些重构操作。JS/TS 文件基本可用，但以下情况会直接禁用：
- 文件未保存，且语言模式未正确识别（右下角显示为
Plain Text而非TypeScript或JavaScript） - 项目根目录缺少
tsconfig.json（TS）或jsconfig.json（JS），导致语义分析关闭 - 安装了冲突插件（如某些 ESLint 或 Prettier 扩展覆盖了默认代码操作），可临时禁用插件验证
最易被忽略的是：提取操作生成的代码不自动格式化。哪怕你配置了保存时格式化，VSCode 也不会在提取瞬间调用格式化器——结果可能是缩进错乱、分号缺失或括号换行异常。做完提取后，顺手按一次 Shift+Alt+F（Windows/Linux）或 Shift+Option+F（macOS）更稳妥。
