IDEA/WebStrom操作之commit前批量清除console.log()与debugger

前言：

在前端开发过程中，往往需要频繁用到console.log()与debugger，来观察数据具体情况以及断点调试。在经历了水生火热的开发动作后，往往会残留一地console.log()和debugger，若开发者还得手动在多个文件中一个个去除这些中间产物，显得不太优雅。于是本文提出基于IDEA批量清除console.log()与debugger

批量清除console.log()

1. 按下 Ctrl+Shift+R 打开替换对话框
2. 确保启用了正则表达式（点击右侧的 .* 按钮）
3. 在搜索框中输入：

   ^.*console\.log\(.*$[\r\n]*
   

   • ^ 匹配行首
   • .* 匹配任意字符（除了换行符）
   • \bdebugger\b 精确匹配 debugger 关键字（避免匹配到包含 debugger 的字符串或变量名）
   • .*$ 匹配行尾前的所有内容
   • [\r\n]* 匹配行尾的换行符（可选）
4. 在替换框中留空
5. 设置搜索范围为 “Whole project”
6. 点击 “Replace All”

批量清除debugger

1. 按下 Ctrl+Shift+R (Windows/Linux) 或 Cmd+Shift+R (Mac) 打开全局替换对话框

2. 确保启用了正则表达式（点击搜索框右侧的 .* 按钮）

3. 在搜索框中输入：

   ^.*\bdebugger\b.*$[\r\n]*
   

   • ^ 匹配行首
   • .* 匹配任意字符（除了换行符）
   • \bdebugger\b 精确匹配 debugger 关键字（避免匹配到包含 debugger 的字符串或变量名）
   • .*$ 匹配行尾前的所有内容
   • [\r\n]* 匹配行尾的换行符（可选）

4. 在替换框中留空（表示删除匹配的行）

5. 设置搜索范围为 “Whole project”（整个项目）

6. 点击 “Replace All” 执行替换