vs code全局替换最快但仅限简单文本场景，涉及属性或嵌套逻辑必须用dom解析方案；beautifulsoup安全改文字，domparser适合浏览器内动态处理，命令行工具需严防编码与正则风险。
别用正则硬刚整个 HTML 文件——99% 的“替换崩了”都源于没分清场景：是改纯文本、改属性值，还是改嵌套结构？对应工具和写法完全不同。
VS Code 全局替换为什么默认就跳过 <script></script> 和 <style></style>
它不是靠猜，而是按文件类型做语法感知过滤。对 .html 文件，Ctrl+Shift+H（Windows）或 Cmd+Shift+H（macOS）默认只在标签体和属性值中匹配，自动避开 JS/CSS 块里的字符串。
- 但这个行为只在你手动限定范围时生效，比如填入
src/**/*.html；不填范围，它会扫所有打开的文件，包括.js和.css - 若想强制进
<script></script>里搜，得点开“在受支持的语言中搜索”复选框，否则class="btn"不会在 JS 字符串里被命中 - 右下角编码显示为
UTF-8 with BOM或乱码时，先点它 → “Reopen with Encoding” → 选UTF-8，否则替换后中文变问号
Notepad++ 替换 class="old" 时为什么不能直接写 old→new
因为 old 可能出现在 data-old-id、subold、tooltip="This is old" 等位置，一替全中。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 必须加单词边界：
\bold\b，才能只命中独立的old单词 - 如果 class 属性带空格或换行，比如
class="old\n extra"，\bold\b就失效——这时得用class\s*=\s*["']([^"']*)old([^"']*)["']捕获前后内容，再拼回去 - 双引号和单引号混用？别硬写两种正则，用
class\s*=\s*(['"])([^'"]*)old([^'"]*)\1，其中\1表示第一个引号类型，自动匹配闭合
什么时候必须放弃编辑器，改用 cheerio 或 BeautifulSoup
当你发现“预览替换结果”里有 20 处命中，但只有 3 处该改——其余都在注释、JS 字符串、CDATA 或自闭合标签里，说明文本级替换已失控。
-
cheerio（Node.js）：加载后用$("div[class*='old']")精准选节点，再.attr("class", c => c.replace(/\bold\b/g, "new"))，完全绕过正则对结构的误判 -
BeautifulSoup（Python）：用soup.find_all(string=re.compile(r"\bold\b"))只扫文本节点，天然跳过<script></script>和<style></style> - 注意：
cheerio.load()默认不保留原始属性顺序和空白，若输出需严格一致，得配xmlMode: false+ 手动序列化，而不是直接$.root().toString()
真正难的从来不是“怎么写正则”，而是判断哪一段 HTML 能用字符串替换、哪一段必须进 DOM 树里动刀——边界常在 data- 属性、多行 class 值、和 JS 模板字符串交界处悄然移动。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
