auto rename tag 不联动的根本原因是文件语言模式未识别为html;需点击右下角语言标识改为html,确认后缀为.html/.htm或.vue(需volar插件),再重启vscode。

Auto Rename Tag 为什么改一个标签另一侧不联动?
根本原因不是插件没装,而是当前文件语言模式没识别成 html。右下角状态栏显示 Plain Text 或 JavaScript 时,Auto Rename Tag 完全不生效。
检查并修正步骤:
- 点击右下角语言标识(如
Plain Text),选择HTML - 确认文件后缀是
.html或.htm;若为.vue,需配合Volar插件,原生Auto Rename Tag不支持 - 重启 VSCode 后再试——某些旧工作区缓存会导致插件初始化失败
Live Server 打开页面空白,控制台报 Cross-Origin Request Blocked
这是典型的手动双击 HTML 文件用 file:// 协议打开导致的,和插件本身无关。
正确做法只有两个:
- 关掉所有已打开的该 HTML 文件标签页,再右键 →
Open with Live Server - 或点击右下角
Go Live按钮(不是“在浏览器中打开”) - 确保 URL 地址栏显示的是
http://127.0.0.1:5500/xxx.html这类本地服务地址,而非file:///开头
HTML 标签补全输 <di> 不提示 <code><div>?优先查 Emmet
<p>VSCode 的 HTML 标签补全是靠 Emmet 驱动的,不是语言服务。常见失效点集中在两个配置上:</p>
<ul>
<li>
<code>emmet.triggerExpansionOnTab 必须为 true(否则按 Tab 不展开缩写,也影响初始输入触发)
emmet.showExpandedAbbreviation 不能设为 "never";推荐值是 "inMarkupAndStylesheetFiles"
.vscode/settings.json,它会覆盖全局设置,务必检查该文件内是否误写了 false 或 "never"
class 属性里不提示项目 CSS 类名?别只装 HTML 插件
HTML CSS Support 插件只负责基础类名提示,但实际生效依赖三个条件同时满足:
- 项目根目录下必须存在
.css或.scss文件(且未被files.exclude隐藏) - VSCode 内置 CSS 支持没被禁用:
"css.validate": true(默认开启,但某些格式化插件会覆盖) - 若用 Tailwind,
tailwindcss-intellisense插件必须安装,且tailwindCSS.experimental.classRegex配置要匹配你 class 的写法(比如tw-.*)
补全失效时,先看状态栏右下角有没有显示 CSS 字样——没显示说明 CSS 语言服务器根本没启动。











