vscode中快速跳转html标签对需启用highlight matching tag插件，光标置于标签时自动高亮配对标签，按ctrl+shift+p执行“go to matching tag”即可跳转；仅对成对标签如、生效，自闭合标签不支持。
怎么快速跳转到匹配的HTML标签对
靠肉眼找 或手动滚动太低效，真正省时间的方式是让编辑器自动高亮并提供跳转。VSCode 自带的 Highlight Matching Tag 插件（非默认启用）能实时高亮光标所在标签的开闭位置，按 Ctrl+Shift+P 输入 “Go to Matching Tag” 即可跳转。
注意：它只对语法合法的 HTML 生效——比如 <img> 这类自闭合标签不会触发匹配，而 <div>、<code><section></section> 等必须成对出现的标签才支持。如果跳转失败，先检查是否漏写了 > 或嵌套错乱。
修改一个标签时如何避免手动改另一侧
Auto Rename Tag 是解决这个问题的核心插件。启用后，把光标放在 <header></header> 的任意位置，直接重命名为 <main></main>，配对的 会同步变成 。
- 它只作用于标准 HTML/XML 标签，不处理 Vue/JSX 中的自定义组件名
- 如果改完没反应，检查是否在
.html文件中（某些插件在.vue或.jsx中需额外配置） - 禁用
Auto Close Tag可能导致冲突，两者建议共存但保持默认设置
为什么 Live Server 启动后页面空白却控制台报 CORS
这是典型的手动双击打开 HTML 文件（file:// 协议）和 Live Server 混用导致的。Live Server 启动的是 http://127.0.0.1:5500/xxx.html，而你可能还开着旧的 file:// 标签页，浏览器会拒绝跨协议加载资源。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
解决办法很简单：
- 关掉所有
file://开头的标签页 - 只用 Live Server 启动后的链接访问页面（右下角点击 “Go Live”，或右键选 “Open with Live Server”）
- 如果仍报错，检查 HTML 中引用的 JS/CSS 路径是否用了绝对路径（如
/js/app.js），应改为相对路径（如./js/app.js）
缩进混乱时怎么一眼看出标签层级关系
靠空格数数容易出错，indent-rainbow 插件用不同颜色区分缩进层级，比如第一层缩进是紫色，第二层是青色，第三层是黄色——一眼就能看出哪个 <div> 没闭合或嵌套过深。
<p>它不修改代码，只做视觉提示；但要注意：如果项目用了 Prettier 或 ESLint 自动格式化，可能覆盖你手动调的缩进，建议统一配置缩进规则（如全部设为 2 空格），否则颜色提示会和实际结构错位。</p>
</div>
