如何在VSCode中无需手动编写正则，搜索时忽略空白字符？

方法1：快速生成匹配空白的正则表达式 #

不用手动逐个添加\s*，按以下步骤操作：

• 从浏览器复制目标类名，比如 ps-4 pe-4 mb-0 g-0 h4 text-uppercase
• 粘贴到VSCode搜索框，开启正则搜索模式（点击搜索框旁的.*按钮）
• 打开替换面板（Ctrl+H），查找框输入空格，替换框输入\s*，同样开启正则替换模式，点击「全部替换」，一键将所有空格替换为匹配任意空白的正则符号
• 直接用生成好的表达式搜索，就能匹配代码中任意数量的空格、换行等空白字符

方法2：绑定自定义快捷键一键转换类名 #

通过VSCode快捷键配置实现一键转换：

1. 打开命令面板（Ctrl+Shift+P），输入「Preferences: Open Keyboard Shortcuts (JSON)」并打开配置文件
2. 添加以下配置，绑定你习惯的快捷键（示例为Ctrl+Shift+R）：

{
  "key": "ctrl+shift+r",
  "command": "editor.action.replaceSelection",
  "args": {
    "replace": "${selectedText/ /\\s*/g}"
  },
  "when": "editorTextFocus && !editorReadonly"
}

3. 把复制的类名粘贴到任意编辑器临时区域，选中后按绑定的快捷键，即可自动将空格替换为\s*，复制结果到搜索框即可使用

方法3：用扩展简化操作 #

安装支持「模糊空白匹配」的VSCode扩展，这类工具可以直接接收原始类名输入，自动处理空白字符的差异，无需手动编写正则表达式

关于「忽略重复空白」切换按钮 #

VSCode原生暂无该按钮，但上述方法可以实现完全等效的功能，比等待官方更新更高效。如果团队有统一需求，可向VSCode官方提交功能请求，但短期内用上述方案更实用

内容的提问来源于stack exchange，提问作者rlsaj