Auto Rename Tag不同步是因仅作用于成对标签且需光标精准落在开始标签名内；自闭合标签、非配对结构、语言模式错误、插件冲突或未保存文件均会导致失效。
Auto Rename Tag 为什么改一个标签，另一个没同步？
这个插件只作用于成对出现的 HTML/XML 标签，比如 <div>/</div>、<p>/</p>。它不会处理自闭合标签（如 <img>、<br>）或非配对结构（如 <li> 在没有 <ul> 包裹时）。常见误操作是：把 <div> 改成 <section> 后，结束标签仍为 </div> —— 这不是 bug，而是插件默认只响应「标签名完全一致」的修改，不自动推断语义等价关系。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 确保光标落在开始标签的尖括号内再修改，否则插件可能不触发
- 如果结束标签没更新，检查是否中间插入了未闭合的注释或条件语句（如
<!-->不完整） - 禁用其他干扰插件（如某些格式化工具会在保存时重写标签，覆盖同步结果）
Live Server 预览时页面没刷新，但控制台没报错
根本原因通常是文件未被正确识别为 HTML 上下文，或者 Live Server 没监听到实际变更。VS Code 默认只对 .html 后缀启用 Live Server 监听，如果你用的是 .htm 或无后缀临时文件，它不会响应。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 右键菜单里选
Open with Live Server，而不是View In Browser—— 后者只是静态打开，不启动服务 - 确认文件已保存（
Ctrl+S），Live Server 不监听未保存的脏文件 - 检查右下角状态栏：有
Go Live按钮且显示端口号（如:5500），没显示说明服务未启动 - 若仍无效，在命令面板（
Ctrl+Shift+P）运行Live Server: Restart
Emmet 补全 !+Tab 生成的骨架不带 <meta charset="UTF-8">
VS Code 内置 Emmet 的 HTML 模板默认使用旧版 HTML5 片段，不强制注入字符集声明。这会导致中文乱码或表单提交异常，尤其在本地双击打开时更明显。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 打开设置（
Ctrl+,），搜索emmet.includeLanguages，确认html已映射到html - 手动编辑
settings.json，添加："emmet.variables": { "lang": "zh-CN", "charset": "UTF-8" } - 更彻底的做法：在用户代码片段中自定义
html片段，把<meta charset="${1:UTF-8}">固定写入<head>
HTMLHint 报 Tag must be paired 但标签明明闭合了
这类警告常出现在模板语法混用场景，比如 Vue 的 <template> 或 JSX 中的 <div> 被 HTMLHint 当作纯 HTML 解析。它不理解条件渲染语法（如 v-if），会把 <div v-if="show"> 误判为未闭合。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 在项目根目录加
.htmlhintrc，配置"attr-no-duplication": false和"tag-pair": false关闭敏感规则 - 若只校验纯 HTML 文件，用
"validate": ["html"]限定范围，避免扫描.vue或.jsx - 更轻量替代方案：直接用 VS Code 内置的 HTML 验证（来自 Microsoft 官方插件），它对现代框架更友好
Auto Rename Tag 在 HTML 插件未启用时，连基本标签识别都失效；Live Server 若没配合 emmet 正确配置，! 补全生成的结构可能缺关键属性。别只装插件，得让它们“认得上”。 
