vs code 的 ctrl+shift+h（win/linux）或 cmd+shift+h（macos）是开箱即用的语法感知查找替换功能；需通过“包括”框用 glob 模式限定范围（如 *.html），正则替换捕获组在 windows 需写为 $1，html 结构修改应优先使用 cheerio 或 domparser 等解析器而非正则。
直接用 VS Code 的 Ctrl+Shift+H（Windows/Linux）或 Cmd+Shift+H（macOS）就能完成绝大多数 HTML 文档的查找替换任务；它不是“高级功能”，而是开箱即用、语法感知、可预览、带范围控制的默认能力。
VS Code 全局替换面板怎么只扫 HTML 文件
很多人一打开 Ctrl+Shift+H 就直接输内容点替换，结果把 .js 里字符串里的 class 也改了。关键在「范围限定」：
- 在替换面板底部的「包括」输入框里必须填
*.html，否则默认搜整个工作区所有文件 - 如果 HTML 集中在
src/pages下，就填src/pages/**/*.html，避免误触public/index.html或模板片段 - 想排除
node_modules？去设置里搜files.exclude，加一行**/node_modules即可，不用每次手动过滤 - 别依赖「文件类型」下拉菜单——它只是提示，不真正限制搜索范围；只有「包括」框里的 glob 模式才起效
正则替换 class 属性时为什么 $1 在 Windows 下失效
写 class="([^"]*)" 捕获值，替换为 class="btn "，在 macOS 上能用 ，但在 Windows 的 VS Code 里会原样输出 而不是捕获内容——这是 Shell 环境变量解析干扰导致的。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- Windows 用户必须写成
\$1，反斜杠转义才能让 VS Code 正确识别捕获组 - 同理，
$2→\$2，$&（全匹配）→\$& - 如果不确定平台，统一用
\$1写法最稳妥，macOS 也兼容 - 启用正则后记得检查「区分大小写」和「全字匹配」开关：替换
btn时勾上\bbtn\b，否则subbtn也会被改
为什么 <div.>.*?</div.> 替换经常出错
这种“万能正则”在 HTML 里基本等于自毁开关。它不认嵌套、不处理换行、不区分属性引号、更不管注释或 CDATA。
-
.*?是非贪婪，但遇到跨行就会断——HTML 源码里<div>\n <p>text</p>\n</div>中的换行会让匹配直接失败 - 嵌套标签如
<div><div>nested</div></div>，正则会在第一个就结束，导致外层截断 - 属性里有
<div data-html="<span>"> 这类内容，正则会提前闭合，造成错位 <li>真要改结构，请用 <code>cheerio（Node.js）或DOMParser（浏览器），它们按标准解析 DOM 树，不会被格式细节绊倒
真正难的不是写对一个正则，而是判断哪段 HTML 必须交由解析器处理——比如要改所有 <p></p> 标签内的首个单词，或仅替换 data-* 属性值而不动 href，这时候文本替换已越过安全边界，该停手换工具了。
