Auto Rename Tag不自动同步是因为光标未落在开始标签名内、标签结构被注释或JS代码打断、语言模式非HTML/Vue/JSX，或配置未启用html.autoRenameTag:true。
Auto Rename Tag 为什么改一个标签，另一个不自动同步？
常见现象是：你把 <div> 改成 <section>，但结束标签仍是 </div>。这不是插件失效，而是它只响应「编辑器内光标所在位置的标签对」——如果光标没落在开始标签上、或标签跨行太远、或中间有注释/JS代码打断结构，插件就无法识别配对关系。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 确保光标停在开始标签的尖括号内（如
<div|>），再修改 - 避免在标签之间插入未闭合的 JS 或 CSS 片段，比如
<div><script>console.log("hi")后没写</script> - 检查插件是否启用：打开命令面板
Ctrl+Shift+P，输入Auto Rename Tag: Toggle确认状态为 enabled
Live Server 打开页面空白或报 Cross-Origin 错误
错误信息通常是 Cross-Origin Request Blocked，本质是你用 file:// 协议手动打开了 HTML 文件，而 Live Server 必须走 http:// 协议才能绕过浏览器同源策略。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 关掉所有已用
file://打开的标签页（哪怕只是双击文件打开的） - 右键 HTML 文件 →
Open with Live Server，务必使用它生成的http://127.0.0.1:5500/xxx.html链接 - 若端口被占，可在
.vscode/settings.json中加配置："liveServer.settings.port": 3000 - 别在
<script src="xxx.js"></script>里用相对路径指向根目录外的文件，否则 Live Server 不会代理
Emmet 缩写生成的结构不符合预期
比如输入 ul>li*3 按 Tab 后，只生成了三个 <li></li>，没有包裹 <ul></ul> —— 这通常是因为当前光标不在 HTML 文档的 body 区域，或文件类型没被识别为 html。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 确认右下角状态栏显示语言模式为
HTML，不是Plain Text或Markdown - Emmet 默认只在
<body>内生效；若光标在<head>或注释里，缩写可能被忽略 - 试试更明确的写法：
ul>li{item $}*3，$会自动递增编号 - 禁用其他干扰插件（如某些代码片段插件），它们可能劫持 Tab 键行为
HTML 标签自动补全失效或漏闭合
VSCode 默认对双标签（如 <p>）自动补全结束标签，但遇到 <img>、<br> 等自闭合标签时，不会补 /> —— 这不是 bug，是设计行为：HTML5 允许省略斜杠，<img src="x"> 和 <img src="x"/> 都合法。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 想强制补全斜杠，安装
Auto Close Tag插件，并在设置中开启html.autoClosingTag - 若补全总出错（比如输
di补成<dialog>而非<div>），检查是否启用了html.suggest.html5（默认 true） - 关闭「自动检测缩进」：
"editor.detectIndentation": false，防止格式混乱导致补全逻辑错乱
