HTML编辑器怎么查找替换正则表达式？高级搜索技巧
vs code中开启正则查找替换需先按ctrl+f（win/linux）或cmd+f（macos），再点击搜索框右侧.*图标启用；未点亮时所有正则语法均被当作普通字符串匹配，且不报错。
VS Code 里怎么开正则查找替换
直接按 Ctrl+F（Windows/Linux）或 Cmd+F（macOS），再点查找框右边的 .* 图标，就启用了正则模式。没点亮这个图标，输再复杂的表达式也当普通字符串匹配。
常见错误是开了图标但正则语法写错，比如漏了转义、括号不配对，结果“查不到”——VS Code 不报错，只是静默不匹配。建议先用简单正则测试，例如 class="[^"]*" 看能否高亮所有 class 属性值。
- Windows 用户注意：
$1 在替换栏中要写成 \$1，否则会被系统当作环境变量展开
- macOS 和 Linux 下
$1 可用，但统一写 \$1 更稳妥，跨平台不翻车
- 启用正则后，“区分大小写”和“全字匹配”开关依然生效，别忽略它们——比如想只换
btn 而不是 subbtn，就得勾上 \bbtn\b
为什么 <div.>.*?</div.> 总是替换出错
这不是正则写得不够“高级”，而是它根本不适合 HTML。这种写法在遇到换行、嵌套、注释或属性含 > 字符时就会崩：比如 <div data-html="<p>"> 会让正则提前闭合；<code><div><div>nested</div></div> 只能捕获到第一个
就停了。
真正该用解析器的场景，一眼就能识别：
- 要改所有
<p></p> 标签内首个单词，但保留其余结构
- 只替换
data-* 属性值，不动 href 或 src
- 内容跨多行，且中间有注释
<!-- ... --> 或 CDATA
这时候硬扛正则，不如用 cheerio（Node.js）或 DOMParser（浏览器），它们按标准解析 DOM，不被格式细节带偏。
如何限定全局替换只扫 HTML 文件
按 Ctrl+Shift+H（Win/Linux）或 Cmd+Shift+H（macOS）打开全局替换面板后，关键不是选“HTML”下拉菜单——那个只是视觉提示，不起过滤作用。真正起效的是底部“包括”输入框里的 glob 模式。
- 只搜当前目录下所有 HTML：
*.html
- 只搜
src/pages/ 下的 HTML：src/pages/**/*.html
- 排除
node_modules？去设置里搜 files.exclude，加一行 **/node_modules，一劳永逸
漏填“包括”框，就等于默认搜整个工作区——.js 里字符串中的 class="btn" 也会被误改，改完还得手动回滚。
Notepad++ 和 Sublime Text 的正则入口在哪
它们不靠图标，靠明确开关：
- Notepad++：
Ctrl+H → “搜索模式”下拉菜单 → 选“正则表达式”
- Sublime Text：
Ctrl+F → 左下角点 .* 按钮（未点亮=文本搜索）
- WebStorm：
Ctrl+R → 替换面板右上角勾选“Regex”复选框
这些编辑器都不支持 HTML 语义感知，所以同样不能依赖 <div.>.*?</div.> 类正则。但它们对纯文本结构的批量清洗很高效，比如统一修正引号风格、补全自闭合标签、清理空行等——前提是目标结构足够规整、无嵌套干扰。
真正容易被忽略的，是“什么时候该停手”。正则能解决的，是格式一致、边界清晰的文本模式；一旦开始纠结“这个
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
