VSCode中快速跳转HTML标签对需启用Highlight Matching Tag插件，光标置于标签时自动高亮配对标签，按Ctrl+Shift+P执行“Go to Matching Tag”即可跳转；仅对成对标签如<div>、<section>生效，自闭合标签不支持。
怎么快速跳转到匹配的HTML标签对
靠肉眼找 </div> 或手动滚动太低效，真正省时间的方式是让编辑器自动高亮并提供跳转。VSCode 自带的 Highlight Matching Tag 插件（非默认启用）能实时高亮光标所在标签的开闭位置，按 Ctrl+Shift+P 输入 “Go to Matching Tag” 即可跳转。
注意：它只对语法合法的 HTML 生效——比如 <img> 这类自闭合标签不会触发匹配，而 <div>、<section> 等必须成对出现的标签才支持。如果跳转失败，先检查是否漏写了 </> 或嵌套错乱。
修改一个标签时如何避免手动改另一侧
Auto Rename Tag 是解决这个问题的核心插件。启用后，把光标放在 <header> 的任意位置，直接重命名为 <main>，配对的 </header> 会同步变成 </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:// 标签页，浏览器会拒绝跨协议加载资源。
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
解决办法很简单：
- 关掉所有
file://开头的标签页 - 只用 Live Server 启动后的链接访问页面（右下角点击 “Go Live”，或右键选 “Open with Live Server”）
- 如果仍报错，检查 HTML 中引用的 JS/CSS 路径是否用了绝对路径（如
/js/app.js），应改为相对路径（如./js/app.js）
缩进混乱时怎么一眼看出标签层级关系
靠空格数数容易出错，indent-rainbow 插件用不同颜色区分缩进层级，比如第一层缩进是紫色，第二层是青色，第三层是黄色——一眼就能看出哪个 <div> 没闭合或嵌套过深。
它不修改代码，只做视觉提示；但要注意：如果项目用了 Prettier 或 ESLint 自动格式化，可能覆盖你手动调的缩进，建议统一配置缩进规则（如全部设为 2 空格），否则颜色提示会和实际结构错位。
