vscode正则匹配html标签必须点亮.*图标或按alt+r/option+r启用，否则\d+、^等为普通字符；替换用$1而非${1}或\1；跨行需[\s\s]；匹配单层标签须限制范围，替换后须git diff核对。
VSCode正则匹配HTML标签前必须点亮 .* 图标
不点这个图标，\d+、^、([^"]*) 全是普通字符，根本不会按正则逻辑运行——这是 90% 失败案例的根源。图标变蓝 + 搜索框右下角显示 Regex 标签，才算真正启用。
常见错误现象：
输入 class="(\w+)" 却搜不到任何内容；或替换成 data-class="$1" 后，文件里直接多出字面量 $1。
- 快捷键更可靠：Windows/Linux 按
Alt+R，macOS 按Option+R（不是Cmd+R） - 如果用
Ctrl+H做局部替换，.*图标必须同时在「查找」和「替换」栏都点亮，否则$1不展开 - 设置里勾选
Search: Regex虽可默认开启，但容易误触普通搜索，不建议长期启用
匹配单层 HTML 标签要限制范围，别用 .*?
<div.>.*?</div.> 看似能跨行抓内容，实际在嵌套或换行时必然错位：它会在第一个 就终止，不管里面有没有子 div。HTML 不是线性文本，正则无法解析嵌套结构。
安全做法是只匹配“一行内、属性明确、无嵌套”的标签：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 想改所有带
class的div：用<div>]*class="([^"]*)"[^>]*>，<code>\b防止匹配到divisible，[^>]*阻断跨标签干扰 - 提取
href值：用href="([^"]*)"，比href="(.*?)"更稳，避免引号风格混用（如单引号、无引号）导致漏匹配 - 跨行匹配必须显式写
[\s\S]或.，VS Code 不支持/s标志，.默认永远不匹配换行符 - 想把
id="123"→data-id="123"，正则写成id="(\d+)"，替换写成data-id="$1"—— 正确 - 若写成
id="(\d+)"但替换写data-id="${1}"，结果就是字面量data-id="${1}" - 多个括号嵌套时，编号严格按左括号出现顺序：
(<div>]*)(class="([^"]*)") 中，<code>$3才是 class 值，不是$2 - 不确定分组数又想保险？用
$0最稳，比如给所有 URL 加前缀：https://$0 - 先用
Ctrl+Shift+F全局搜索，填入文件范围如src/**/*.html，排除!node_modules/** - 点击「查找全部」，在侧边栏确认每条匹配确实是你想改的 HTML 结构（注意是否误入
<script></script>块内字符串） - 执行「全部替换」前，确保 Git 已 commit 当前状态；替换后立刻跑
git diff，逐行看改动，重点查class、href、data-属性是否被连带误改 - 遇到混合编码（UTF-8 无 BOM / GBK / UTF-16），右下角点编码 → 「Reopen with Encoding」→ 选
UTF-8再操作，否则class="中文"类内容会乱码替换
替换时引用捕获组，$1 是唯一有效写法
VS Code 的替换字段只认 JavaScript 风格的 $1、$2、$0（整个匹配），${1}、\1、$& 在多数场景会失效或混淆（比如 $& 和 HTML 实体 & 冲突）。
典型误写与修正：
HTML 替换后必须人工核对 Git diff，不能只信预览
VS Code 的「查找全部」侧边栏只列匹配位置，不展示上下文结构；「全部替换」执行后，Ctrl+Z 只在所有被改文件仍处于打开状态时才可逐级撤销——关掉一个 tab，这部分修改就不可逆了。
真正安全的操作链是：
