Emmet缩写不生效主因是语言模式错误或设置不当,需确认右下角为HTML/CSS、检查emmet.includeLanguages配置,并确保未启用干扰实验性开关。

Emmet 缩写不生效?先确认语言模式和设置
输入 div.container 按 Tab 没反应,不是插件没装,而是 Emmet “被禁用”了。VS Code 自带 Emmet,但默认只对识别为 html 或 css 语言的文件生效。
- 右下角状态栏看当前语言模式:如果是
Plain Text,点它手动选成HTML - 打开设置(
Ctrl + ,),搜emerald.includeLanguages,确认"html"和"css"在列表里(值应为{"html": "html", "css": "css"}) - 避免误启实验性开关,比如
emerald.experimental.showExpandedAbbreviation,某些旧版会干扰正常展开
Live Server 打开空白页?检查路径与协议
点击 Go Live 后浏览器显示空白,大概率是路径解析失败,而非代码错误。Live Server 默认以当前工作区根目录为服务器根路径,且必须通过 http:// 协议访问——file:// 协议下无法加载资源或触发热更新。
- 确保你在资源管理器中“已打开文件夹”,而不是只打开了单个
.html文件;否则根路径指向用户目录,CSS/JS 路径极易 404 - 检查 HTML 中引用的
src或href路径是否基于该根目录(例如./css/style.css,而非../css/style.css) - 不要双击 HTML 文件用浏览器直接打开,必须通过 Live Server 启动的
http://127.0.0.1:5500/xxx.html
Auto Rename Tag 失效?只作用于成对标签
Auto Rename Tag 插件不会重命名自闭合标签(如 <img>、<input>、<br>),这是设计使然,不是 bug。
- 它只监听开始标签(
<div>)和结束标签(<code>











