重命名符号、提取变量/函数、自动导入及扩展插件是VS Code代码重构核心。使用F2重命名可跨文件同步更新；选中代码按Ctrl+.提取为变量或函数提升可读性；移动文件后通过Ctrl+.自动修复导入路径；配合TypeScript和扩展如Prettier、ESLint、Path Intellisense增强重构精度与风格统一；确保tsconfig.json等配置正确，使重构功能稳定高效运行。
在 VS Code 中进行代码重构，能显著提升代码质量和开发效率。它内置了多种智能操作，配合快捷键和扩展插件，让重命名、提取函数、调整结构等任务变得简单直接。掌握这些技巧，可以让你的代码更清晰、更易维护。
重命名符号（Rename Symbol）
这是最常用的重构操作之一。当你想更改变量、函数或类名时，使用重命名功能可确保项目中所有引用都被同步更新。
- 将光标放在目标符号上，按 F2 开始重命名
- 输入新名称后，VS Code 会高亮所有将被修改的位置
- 按回车确认，所有文件中的引用都会自动更新
支持跨文件重命名，尤其适合大型项目中修改模块导出名或组件名。
提取为变量或函数（Extract to Variable/Function）
当你发现一段表达式重复出现或逻辑复杂时，可以将其提取成变量或独立函数。
- 选中要提取的代码片段
- 按下 Ctrl + .（Windows/Linux）或 Cmd + .（Mac）打开快速修复菜单
- 选择“提取为常量”、“提取为变量”或“提取为函数”
- 输入新名称，VS Code 自动完成声明和替换
这项功能在处理 JSX、复杂计算或条件判断时特别有用，能快速提升代码可读性。
自动导入与路径调整
重构过程中经常涉及文件拆分或移动，VS Code 能自动管理导入路径。
- 移动函数或类到新文件后，原位置会显示未解析的引用警告
- 使用 Ctrl + . 可触发“导入”建议
- 选择正确的导入路径，自动插入 import 语句
- 配合 TypeScript 时，还能识别模块别名（@/components 等）
结合 Auto Import 扩展效果更佳，减少手动配置负担。
利用扩展增强重构能力
原生功能虽强，但某些语言或框架需要额外支持。
- JavaScript and TypeScript Nightly：提供更精准的 TS 重构建议
- Prettier 或 ESLint：格式化代码，使重构后风格统一
- Rename JS/TS Variable：增强变量重命名逻辑
- Path Intellisense：辅助路径补全，避免因移动文件导致导入错误
安装后重启编辑器，即可在右键菜单或快捷操作中看到更多选项。
基本上就这些。用好 F2、Ctrl + . 和自动导入，大多数日常重构都能高效完成。不复杂但容易忽略的是，保持项目配置（如 tsconfig.json）正确，才能让重构功能稳定运行。
