Refactor菜单为空是因为TypeScript语言服务未加载；需确认右下角显示TypeScript而非JavaScript/Plain Text，.ts/.js文件中F12能跳转定义，且项目根目录有jsconfig.json（含"checkJs": true）或tsconfig.json。
Refactor 菜单为空？先确认 TypeScript 语言服务已加载
VSCode 本身不提供 JS/TS 的语义级重构能力，所有“提取函数”“重命名符号”等操作都依赖 typescript-language-server 或内置 TS 服务。菜单里没“重构”选项，大概率不是插件没装，而是语言服务根本没启动：
- 右下角状态栏必须显示
TypeScript，不能是JavaScript或Plain Text - 在
.ts或.js文件中按F12，能跳转到定义才算服务就位；跳不到，F2就只是文本替换 -
.js文件要启用类型检查，需在项目根目录放jsconfig.json（哪怕空文件），且含{"checkJs": true} - 打开
Ctrl+Shift+P → Developer: Toggle Developer Tools，查 Console 是否报TSServer启动失败或超时
Extract Function 失败的硬性条件：语法合法 ≠ 逻辑可提
VSCode 不分析控制流，只校验 AST 结构是否允许提取。选中内容稍有越界，就会直接报 "Cannot extract to function"：
- 必须选中连续、完整的可执行语句块：不能跨
if分支边界，不能只选半个for循环体，不能以return开头（顶层return会被忽略） - JS/TS 中末尾带分号会触发拒绝；Python 中未声明的
let变量无法推导参数 - 返回值只取最后一条
return表达式，前面的console.log()或副作用语句全被原样搬进新函数 - 提取后立刻检查：异步标识
async丢了没？外层count这类let变量是否被当作参数传入？参数名是arg0？别手敲——光标自动停在第一个参数上，按F2即可重命名
正则 + 分组才是 JS 逻辑批量重构的主力
当 LSP 不支持某类重构（比如把嵌套 if 拆成卫语句），或者要改几十个类似结构时，Ctrl+H 开启正则模式（点 .* 图标）比任何插件都快：
- 查找：
if\s*\(([^)]+)\)\s*\{\s*if\s*\(([^)]+)\)\s*\{，替换为：if (!($1)) return;\nif (!($2)) return; - 注意负向断言防误伤：
^(?!//).*if\s*\([^)]+\)\s*\{只匹配未被注释的if块 - 捕获组编号从左到右递增，
$1是第一个([^)]+)匹配的内容，嵌套括号也按左括号顺序编号 - 替换前务必点“预览”，尤其涉及多行匹配时，
.默认不匹配换行，要用[\s\S]或开启.*面板里的 “. matches newline”
ESLint + Prettier 自动修复 ≠ 重构，顺序错就互相覆盖
editor.codeActionsOnSave 和 editor.formatOnSave 不是并行执行，而是有严格先后顺序。配置错会导致格式反复打架：
- 先启用 ESLint 自动修复：
"eslint.run": "onSave"+"editor.codeActionsOnSave": { "source.fixAll.eslint": true } - 再启用格式化：
"editor.formatOnSave": true，且"editor.defaultFormatter": "esbenp.prettier-vscode" - 关键一步：禁用 ESLint 的格式规则，装
eslint-config-prettier并加到.eslintrc.cjs的extends最末尾 - Vue/TSX 文件若用 Volar，额外设
"volar.autoInsertDotValue": false，否则格式化会破坏响应式访问
真正安全的 JS 逻辑重构，永远卡在 LSP 就位、选区合规、正则精准这三道坎上。插件名字再炫，底层没 LSP 支撑，就只是把 F2 包一层壳而已。
