auto rename tag改开头标签结尾未同步，因其仅在html/vue等语言模式下对成对标签生效，不支持自闭合标签（如）、非结构层（如内css）、漏闭合或语言模式错误（如plain text）等情况。
Auto Rename Tag 为什么改了开头标签，结尾没同步？
它只在成对标签且语言模式正确时才工作。不是所有 HTML 文本都触发——比如写 <img> 或 <br> 这类自闭合标签，插件完全不响应。
常见失效场景：
- 文件右下角显示
Plain Text而非HTML，必须手动点选语言模式 - 写了
<header></header>但漏掉，插件无法匹配闭合对，自然不联动 - 在
<style></style>块里写div { }，这不是 HTML 标签结构层，插件不介入 - .vue 文件中未启用
vue-html模式（新版默认支持，但老项目可能需手动配置）
Live Server 下 href="css/style.css" 找不到文件？
路径解析规则变了：Live Server 把你右键打开的文件夹当作服务器根目录，不是 HTML 文件所在目录。
典型错误：
-
index.html在src/子目录，却把css/放在同级，结果href="css/style.css"实际要找的是http://127.0.0.1:5500/css/style.css - 用
file:///D:/project/img/logo.png这种绝对路径，Live Server 完全不认 - 浏览器地址栏显示
file:///开头，说明根本没走 Live Server，得关掉旧标签，用它新开的http://链接
验证方式：打开开发者工具 → Network 标签页，看 CSS 是否返回 200；如果返回 404 或 blocked by CORS，基本就是路径或协议问题。
Emmet 缩写 div.container 按 Tab 没反应？
不是插件没装，是 Emmet “被禁用了”。VS Code 自带 Emmet，但两个设置容易关掉它：
-
emerald.includeLanguages里没包含html或css—— 搜索设置，确认这两项在列表中 - 当前文件语言模式不对，比如新建文件默认是
Plain Text，右下角点一下，选HTML - 误启用了实验性开关如
emerald.experimental.showExpandedAbbreviation，某些旧版本会干扰主功能
试一下：! + Tab，如果能生成完整 HTML5 结构，说明 Emmet 已就位；否则优先查语言模式和 include 列表。
Auto Close Tag 插件补全后多了一层
它按“最近未闭合”原则自动配对，但嵌套复杂时容易误判。比如写：
<div class="wrapper">
<div class="content">
<p>Text</p>
<p>光标停在最后一行末尾按 Enter，插件可能自动补 <code></code></p>
</div>
</div>，而不是只补最内层那个。
<p>应对方式：</p>
- 写完结构后立刻用
Shift + Alt + F格式化，VS Code 内置 HTML 格式器会清理冗余闭合 - 关闭
editor.autoClosingTag（设为false），改用手动 Tab 补全或 Emmet 控制结构生成 - 避免在未完成嵌套时就换行缩进，先写完
<div>...</div>再加子元素
标签准确性不只靠插件兜底，更依赖对嵌套逻辑的即时感知——插件是辅助，不是纠错员。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
