Emmet在Sublime Text 4中需同时满足语法模式为HTML/CSS、安装sergeche官方版并重启、用Ctrl+E触发三者才生效；装错分支、语法未设置或Tab被劫持是常见失效原因。
Emmet 在 Sublime Text 4 中默认不工作，不是插件没装好，而是语法模式、快捷键绑定、配置开关三者全要对齐才能触发缩写展开。
确认 Emmet 是否真正安装成功
别只看 Package Control 列表里有没有“Emmet”——它可能是个假分支或安装残留。必须验证三点：
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS），输入Emmet: Expand Abbreviation，能调出命令才算真装上 - 打开
Preferences > Package Settings > Emmet，能看到可编辑的emmet.sublime-settings文件 - 在新建文件中输入
ul>li*3，用Ctrl+E（非 Tab）手动触发，能立刻生成带 3 个<li>的结构才算生效
如果命令面板搜不到 Emmet 命令，大概率是装错了分支——只认作者 sergeche 的官方版，名称必须是首字母大写的 Emmet，不能是 emmet-snippets 或 Emmet Live。
文件语法模式必须设为 HTML 或 CSS
Emmet 不看文件后缀名，只认右下角显示的语法类型。哪怕你刚保存成 index.html，右下角写着 Plain Text，html:5 按 Tab 就一定没反应。
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
立即学习“前端免费学习笔记（深入）”；
- 新建文件后，务必按
Ctrl+Shift+P→ 输入Set Syntax: HTML（或Set Syntax: CSS）回车 - Vue / JSX 文件需额外加配置：
"emmet_include_languages": {"vue-html": "html", "javascriptreact": "html"} - 别在
<script>标签内测试缩写——Emmet 默认不激活脚本块内的 HTML 缩写
Tab 键不展开？优先用 Ctrl+E 验证
Sublime Text 4 默认不把 Tab 绑给 Emmet，且 Tab 极易被其他插件劫持（比如 AutoIndent、EditorConfig）。这不是 Emmet 坏了，是快捷键冲突。
- 输入
html:5后直接按Ctrl+E（Win/Linux）或Cmd+E（macOS），若能生成完整 HTML5 结构，说明 Emmet 本身正常 - 想恢复
Tab触发，需在Preferences > Key Bindings – User中加 context 限定，避免误触发 - 检查用户设置中是否误写了
"tab_completion": false—— Emmet 依赖该开关，默认为true
CSS 缩写不生效？得手动配 syntax_scopes
Emmet 默认只在 HTML、XML、JSX 等上下文中启用缩写，CSS 文件默认不支持 m10、pos:a 这类缩写。
- 打开
Preferences > Package Settings > Emmet > Settings – User - 加入这段配置：
{ "syntax_scopes": { "css": "source.css", "scss": "source.scss", "less": "source.less" } } - 保存后，在
.css文件中输入m10再按Ctrl+E，应展开为margin: 10px;
缩写写错一个字符就静默失败，比如 a[href=#top]（缺引号）、div .container（点号前空格）、lorem（不带数字）——Emmet 不报错，也不提示，只当没看见。
