Sublime正则匹配失败主因是编辑器状态未调对：^/$不匹配行首尾因多行模式与换行符类型冲突，需切纯文本、启正则、统一换行符或显式加\r?。
Sublime 的正则表达式在前端开发里不是“锦上添花”，而是处理 HTML/JSX、CSS、JSON 和日志文本时的刚需工具——但多数人卡在 ^ 不匹配行首、.* 跨不了行、$1 替换变字面量这三关，根本原因不是不会写正则，是没调对编辑器状态。
为什么 ^ 和 $ 在 HTML/JSX 文件里总不匹配行首行尾？
因为 Sublime 默认开启多行模式（Multiline），但不自动识别换行符类型；尤其在 Windows 下粘贴的 HTML 片段含 \r\n，而中文界面插件有时会干扰行结束符解析，导致 ^ 只匹配整个文件开头，$ 只匹配结尾。
- 先按
Ctrl+Shift+P输入Set Syntax: Plain Text切回纯文本模式，排除语法高亮插件干扰 - 打开替换面板（
Ctrl+H），务必点亮左下角.*图标启用正则 - 若需严格按行处理，点击右下角换行符标识（如显示
Windows (CRLF)），手动切换为Unix (LF) - 实在要兼容
\r\n，就在正则末尾显式加\r?，例如把^<div> 改成 <code>^<div> <h3>如何安全提取 JSX 中的 props 或 class 名？</h3> <p>用 <code>.*?容易越界：遇到注释、嵌套标签或换行就垮掉。JSX 不支持递归正则，必须靠字符排除逻辑收口。- 提取单层
className="xxx"：用className="([^"]*)"，比className=".*?"更稳，避免跨引号吞内容 - 提取带换行的
class属性值：先勾选. matches newline（或加前缀(?s)），再用class="([\s\S]*?)" - 提取所有
data-属性：用data-[a-z-]+="([^"]*)"，注意 Sublime 不支持\b在中英文混排时可靠工作，别依赖词边界 - 批量清理空 class：
class=""→ 直接删；但class=" "需先用class="[\s\u3000\xA0]*"匹配全角/不间断空格
跨文件替换 JS 变量名时，$1 总变成字面字符串？
失效不是正则写错了，是 Sublime 的三锁机制没全开：正则模式未启用、捕获组没写对、作用域路径失控，任一缺失都会让当普通文本输出。
前端设计优化skill下载前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
立即学习“前端免费学习笔记（深入）”；
- 确认
.*图标已点亮（灰色=关闭，蓝色=启用）——这是 90% 的失败起点 - 查找框必须含括号捕获组，例如想改
user_id→userId，得写user_([a-z])，不能只写user_\w+ - 跨文件替换（
Ctrl+Shift+F）时，Where框必须填明确路径，如src/**/*.js；留空或填*会让$1引用到非目标文件的内容 - 替换后文件名没变星号 → Sublime 不自动保存，必须手动
Ctrl+K松开 →Ctrl+B（Save All）
处理 CSS 和 JSON 时，\s 为什么匹配不到全角空格和零宽字符？
\s只认 ASCII 空白（\t\n\r\f\v和半角空格），对中文全角空格（\u3000）、不间断空格（\u00A0）、零宽空格（\u200B）完全无效——这在从设计稿或 CMS 导出的 CSS 类名、JSON 键名里高频出现。- 查找全角空格：直接复制一个全角空格进查找框，或输入
\u3000 - 批量清理混合空白：用正则
[ \t\n\r\f\v\u3000\u00A0\u2000-\u200B\u2028\u2029]+替换为单个半角空格 - 若需保留段落空行，改用
[ \t\r\f\v\u3000\u00A0\u2000-\u200B\u2028\u2029]+(?=\S)，只匹配「后面紧跟非空白字符」的空白块 - JSON 键名含全角空格？别硬改，先用
file_encoding和fallback_encoding检查编码配置，乱码常是编码错位，不是正则问题
真正难搞的从来不是正则语法本身，而是边界模糊的场景：比如匹配 HTML 标签对、处理 JSX 中的模板字符串、或在注释和代码混排时精准跳过注释块——这些地方正则容易失焦，该让位给语法解析器或编辑器原生格式化命令。
- 提取单层
