Auto Rename Tag未同步重命名，大概率因语言模式非HTML或光标未落在起始标签名内（如<div>的div处）；需确认右下角为HTML模式、光标位置正确，并在Vue项目中添加"auto-rename-tag.includeLanguages": ["html", "vue"]。
Auto Rename Tag 为什么改了开头标签，闭合标签没变？
不是插件坏了，大概率是语言模式或光标位置不对。插件只在 html 模式下、且光标落在起始标签的标签名内部（比如 <div> 中的 div）才触发同步重命名。
- 右下角状态栏检查语言是否为
HTML；如果不是，点击后手动选HTML - 别把光标停在尖括号里（
<或>），也别停在属性或文本内容中 - 嵌套过深或标签结构非法（如
<div><p>缺少闭合）时，插件会主动放弃同步 - Vue 单文件组件中默认不生效，需在
settings.json中添加"auto-rename-tag.includeLanguages": ["html", "vue"]
Live Server 打开页面空白或报 CORS 错误？
这是最常被忽略的启动方式问题：用 file:// 协议直接双击 HTML 文件，和用 Live Server 启动的 http://127.0.0.1:5500/xxx.html 是两回事。浏览器对前者限制极严，尤其涉及 JS 加载、fetch 请求等。
- 务必关闭所有已用
file://打开的旧标签页 - 右键 HTML 文件 →
Open with Live Server，或点右下角Go Live按钮 - 端口冲突时，在
.vscode/settings.json中加一行："liveServer.settings.port": 3000 - 若项目含相对路径资源（如
./css/style.css），Live Server 能正确解析；file://下常 404
HTML 标签补全和路径提示总“卡住”？试试这三组插件组合
单独装一个插件解决不了全流程效率问题。真正顺手的是配合使用：
-
Auto Close Tag：输入<div回车后自动补成<div></div>，光标停在中间 -
Path Intellisense：写src="或href="时，自动列出当前目录及子目录下的文件，支持Tab补全 -
HTML CSS Support：在class="xxx"里输xxx，它会扫描整个项目里的 CSS/SCSS 文件，提示已定义的类名
三者叠加后，写一个带样式的模块化 HTML 片段（比如 <section class="hero"><img src="./assets/..."></section>）基本不用切出编辑器查路径或翻样式表。
立即学习“前端免费学习笔记（深入）”；
多个 HTML 项目来回切换时，标签名冲突怎么办？
VSCode 默认不区分项目上下文，Auto Rename Tag 和 HTML CSS Support 都基于整个工作区扫描。如果你同时打开 A 项目（含 <card> 组件）和 B 项目（含同名但结构不同的 <card>），插件可能误判或提示错乱。
- 用
Project Manager插件按项目单独保存工作区，每次只开一个项目文件夹（而非整个父目录） - 禁用跨项目索引：在项目根目录建
.vscode/settings.json，加"html.suggest.html5": false关闭全局 HTML5 标签建议 - 对自定义组件标签，优先用
includeLanguages白名单控制，而不是放行全部语言
真正麻烦的不是插件装得多，而是没意识到它们共享同一个语言服务上下文——项目边界必须靠文件夹隔离，而不是靠人脑记住“现在在哪个项目里”。
