Emmet默认启用但缩写不展开，主因是语言模式错误（如右下角显示Plain Text而非HTML）或设置缺失（如emmet.includeLanguages未包含html），文件未保存为.html后缀或未手动切换语言模式也会导致失效。
Emmet 默认就开着，但你写的缩写不展开，大概率不是插件没装，而是语言模式或设置卡住了。
为什么 ! 或 div.container 按 Tab 没反应
VSCode 自带 Emmet，根本不用装插件。失效通常只发生在两个地方：
- 右下角显示的是
Plain Text而不是HTML—— 点击它，手动选成HTML - 设置里误删了
html：打开settings.json，检查"emerald.includeLanguages"是否包含"html": "html"（新版可能叫emmet.includeLanguages） - 文件没保存为
.html后缀，或者刚新建没指定语言模式，Emmet 就不会触发
别急着搜“Emmet 插件”——它不是第三方扩展，是编辑器内置能力，装错反而冲突。
Auto Rename Tag 为什么改了 <div>，</div> 没变
这个插件只对成对标签起作用，且依赖准确的语法解析：
立即学习“前端免费学习笔记（深入）”；
- 写
<img>、<br>这类自闭合标签时，它完全不响应 - 开头写了
<header>，但结尾漏了</header>，插件找不到配对，自然不联动 - 在
.vue文件的<template>里可用，但在<style>块里写div { }不会重命名——它只管 HTML 结构层 - 确保文件语言模式是
HTML或Vue HTML，不是Plain Text或JavaScript
Live Server 打开页面空白，控制台报 Cross-Origin Request Blocked
这是最典型的路径误解：你没用 Live Server 启的服务，而是双击 HTML 文件用 file:// 协议打开了。
- 浏览器地址栏必须是
http://127.0.0.1:5500/index.html这类，不能是file:///开头 - 关掉所有旧标签页，右键 HTML 文件 →
Open with Live Server（不是右键菜单里的 “在浏览器中打开”） -
<link rel="stylesheet" href="css/style.css">中的css/是相对于项目根目录，不是 HTML 文件所在目录 —— 所以要右键整个项目文件夹再启动 Live Server - 图片、JS 等资源路径也不能写
file:///，得用相对路径或根路径（如/img/logo.png）
格式化后标签换行乱、缩进错位
VSCode 默认 HTML 格式化器很基础，遇到复杂嵌套容易崩。关键不是换插件，而是调参数：
- 按
Shift+Alt+F前，先确认当前文件语言模式是HTML（右下角） - 如果用了
Prettier，它默认把<div><p>xxx</p></div>格式化成多行，但你可能想要内联 —— 改prettier.singleAttributePerLine和prettier.wrapAttributes - 更轻量的方案：在
settings.json加"html.format.wrapLineLength": 0，关掉自动折行 - Emmet 生成的结构本身就不带多余空格，所以优先靠
div>ul>li*3这类缩写构建，比手敲再格式化更稳
真正卡住效率的，往往不是功能缺，而是语言模式错、路径理解偏、缩写没记熟——这些点踩中一个，再好的插件也白搭。
