应使用style\s*=\s*["']([^"']*)["']正则精准匹配并删除style属性，它通过强制引号边界和否定字符集避免误删data-style等干扰内容，启用.*模式后替换为空即可安全清除。
怎么用正则批量删掉所有 style 属性？
直接删 style=".*?" 是最常见也最容易翻车的操作——它会把 style="font-size: 12px; color: #333;" 干掉，但也会误吞 data-style="ignore me" 或 title="style is not an attribute here" 里的内容。
真正安全的写法是：style\s*=\s*["']([^"']*)["']，它强制匹配 style= 后紧跟引号包裹的值，且不跨引号边界。
- 必须勾选
.*模式（正则启用） - 查找框填：
style\s*=\s*["'][^"']*["'] - 替换框留空
- 点
Replace All—— 只删属性本身，不碰引号外的其他内容
注意：\s* 能吃掉等号两边可能存在的空格或换行，但别用 .*? 替代引号内部分，否则遇到 style="width: 100%; height: auto;" 会因非贪婪匹配过早收尾。
如何只删 class 里某些冗余类名，保留 js-* 和 is-*？
不能靠“删掉整个 class 属性”，得做精准替换。Sublime 不支持条件判断，但可以用捕获组 + 引用保留下想留的部分。
例如清理 class="btn btn-primary text-center mb-4 js-submit is-active"，目标是删掉 btn、text-center、mb-4，但保留 js-submit 和 is-active。
分两步走：
- 先查：
class\s*=\s*["']([^"']*)["']，替换为：class="$1"（先统一格式，方便下一步） - 再查：
class="([^"]*)"，替换为：class="$(?1$1:)"—— 这不行，Sublime 不支持条件引用；实际做法是：用class="((?:js-[^\s"]+|is-[^\s"]+)(?:\s+(?:js-[^\s"]+|is-[^\s"]+))*)"匹配并捕获所有要留的类，再替换为class="$1" - 更可行的实操：查
\b(btn|text-[a-z]+|mb-\d+|p-\d+)\b，替换为空，再手动补空格（因为 Sublime 不支持在替换中动态加空格）
简单起见，建议先用 class="[^"]*" 提取所有 class 值，复制到外部工具处理后再粘回来——Sublime 的正则不适合复杂类名逻辑。
为什么 width 和 height 属性不能用 width.*?/?> 一刀切？
这种写法看着省事，但会误删 <img style="max-width:90%" style="max-width:90%" data-width="auto"> 里的 data-width，甚至破坏 <svg width="100" viewbox="0 0 100 100"></svg> 中的 viewBox 属性顺序。
安全做法是锁定属性名边界：
- 查：
\b(width|height)\s*=\s*["'][^"']*["'] - 替换为空
-
\b确保匹配的是独立单词，不会命中min-width或data-height - 引号部分用
[^"']*而不是.*?，避免跨引号误吞
如果 HTML 里混着单引号和双引号，这个正则依然有效；但若存在无引号属性（如 width=100），需额外加一组匹配：\b(width|height)\s*=\s*\S+，不过这种写法风险更高，建议先人工确认是否存在。
删完属性后 class 值空了，要不要连带删掉整个 class="..."？
是的，但不能靠一次正则搞定。Sublime 不支持“匹配后判断长度再决定是否删除”，所以得两步走：
- 第一步：删所有匹配的冗余类名，让
class="js-submit is-active"变成class=""或class=" " - 第二步：单独查
class\s*=\s*["']["']或class\s*=\s*["']\s*["']，替换为空 —— 注意空格也要覆盖，否则会剩class="" - 更稳妥的是查：
class\s*=\s*["'][^"']*["']，再人工扫一遍结果，把只剩空引号的行手动删掉
真正容易被忽略的是：删属性后，标签可能变成 <div class="">content</div>，这种空属性对渲染没影响，但不符合团队规范。是否清理，取决于你的 lint 规则，而不是正则能力。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
