掌握vscode重构技巧可提升效率与代码质量：1. 用F2安全重命名符号，跨文件同步更新；2. 选中表达式按Ctrl+.提取变量或函数，简化逻辑；3. 通过灯泡提示调整参数，自动同步调用处；4. 结合ESLint/typescript插件实现保存时自动整理导入与优化结构。
在使用 vscode 进行开发时，掌握高效的代码重构技巧能显著提升编码质量与开发效率。vscode 内置了强大的语言支持（尤其是通过 language server protocol），让重命名、提取函数、参数调整等操作变得安全又快捷。
1. 安全重命名符号
当你想修改变量、函数或类名时，不要手动查找替换，容易遗漏或误改。使用 VSCode 的重命名功能可确保所有引用都被正确更新。
- 将光标放在要重命名的符号上
- 按 F2 或右键选择“重命名符号”
- 输入新名称后，所有相关引用会同步更改
这个操作跨文件生效，且只修改作用域内的引用，避免污染其他模块。
2. 提取变量或函数
面对冗长表达式或重复逻辑，可以快速将其提取为变量或独立函数。
VSCode 会自动生成语义清晰的名称，并插入到合适位置。这对清理组件逻辑或简化条件判断特别有用。
3. 调整函数参数
当函数需要增删参数或调整顺序时，手动修改容易出错。利用重构工具更可靠。
- 将光标置于函数定义或调用处
- 点击灯泡图标或按 Ctrl + .
- 选择“重构：重新排序/添加/删除参数”
调用该函数的所有地方都会自动更新参数列表，减少人为疏漏。
4. 启用 ESLint 或 TypeScript 自动重构建议
结合 ESLint 和 TypeScript 插件，VSCode 可以识别更多重构机会。
- 安装 ESLint 和 TypeScript 插件
- 开启 “source.organizeImports” 和 “editor.codeActionsOnSave”
- 保存文件时自动整理导入、移除未使用变量
例如，TypeScript 会提示“此类型可以从接口改为类型别名”，帮助你持续优化结构。
基本上就这些。熟练运用这些功能，能让代码保持整洁，同时降低出错概率。关键是养成习惯——看到重复、混乱的代码，第一时间想到的是“能不能重构”，而不是直接硬改。