VSCode“在文件中替换”支持正则、范围限定和捕获组，可高效完成调试清理、函数重构、JSX转换等任务；启用正则模式（Alt+R）、限定选区、用$1引用捕获组，并结合插件与Snippet提升准确性和效率。
VSCode 的“在文件中替换”（Ctrl+H）不只是简单换文字，配合正则、上下文和范围控制，能高效处理批量重构、格式清洗、代码迁移等任务。
启用正则模式精准匹配
点击查找框右侧的 .* 图标，或按 Alt+R 切换正则模式。这时你可以用标准 JavaScript 正则语法做语义化替换：
- 把所有
console.log(...)替换为空（调试清理）：查找console\.log\([^)]*\);?，替换为空 - 给函数参数加默认值：查找
function\s+(\w+)\s*\(\s*(\w+)\s*\)，替换为function $1($2 = null) - 提取 JSX 中的 className 值：查找
className=["']([^"']*)["']，替换为class="$1"（适配 HTML 转换）
限定作用域避免误伤
别直接全项目替换。先选中一段代码、一个函数体、或一个代码块（如用 Ctrl+Shift+P → “Expand Selection” 多次选中），再按 Ctrl+H —— 此时替换只在选区内生效。
- 修改某个组件内所有
state变量名为data，但不碰其他文件或同名变量 - 只替换注释里的 TODO 标签：选中所有注释块（可用正则选中
/\*[\s\S]*?\*/或//.*），再执行替换 - 右键选择“在选择范围内查找”，比手动选更稳，尤其适合跨行内容
用捕获组 + 反向引用重构结构
正则里的 () 是捕获组，替换时用 、 引用，能重排、包装、补全内容：
带缩略图和多种过渡动画的jquery焦点图特效
下载
这是一款基于jssor.slider.js的炫酷jquery焦点图特效。该焦点图特效在底部带有缩略图，并且它在切换过渡是带有多种动画效果。该焦点图特效兼容ie8浏览器。 使用方法 在页面中引入样式文件jquery.min.js和jssor.slider.mini.js文件。
- ES5 函数转箭头函数：查找
function\s+(\w+)\s*\(\s*(\w*)\s*\)\s*\{，替换为const $1 = ($2) => { - 统一 API 调用风格：把
api.get("/user")→useQuery("user", () => api.get("/user"))，查找api\.(\w+)\("([^"]+)"\)，替换为useQuery("$2", () => api.$1("$2")) - 补全缺失的 async/await：查找
return\s+([^(]+)\.then，替换为return await $1.then（注意语义合理性）
保存常用替换为多光标或 Snippet（进阶提效）
高频替换可固化为操作习惯：
- 多光标编辑：按住 Alt（Windows/Linux）或 Option（macOS），鼠标点击多个位置，同时输入/删除
- 自定义用户 snippet：在
code-snippets里添加正则替换逻辑对应的模板，比如输入logr自动展开带时间戳的 console - 安装插件辅助：如 Regex Previewer 实时看正则效果，Find and Transform 支持 JSON 配置复杂替换流程
基本上就这些。正则不是必须全背，记住常用符号（\s 空白、\w 字母数字、.*? 非贪婪匹配）+ 小范围试几次，很快就能上手。关键不是多快，而是改得准、不翻车。
