Emmet在Sublime中Tab失灵的主因是文件未被识别为HTML/CSS语法，需确认右下角显示HTML/CSS、正确配置Tab键绑定、严格遵循缩写格式（如ul>li*3无空格），三者缺一不可。
Emmet装完按Tab没反应？先看这三件事
不是插件坏了，而是Sublime根本没把它当HTML/CSS文件处理——这是90%的“Tab失灵”根源。
- 右下角状态栏必须显示
HTML或CSS，不是Plain Text或JavaScript；新建文件后务必按Ctrl+Shift+P→ 输入Set Syntax: HTML回车 - 缩写得写完整再按
Tab：比如ul>li*3中间不能有空格、不能换行，光标得在末尾 - Sublime Text 4 默认不绑定
Tab给Emmet（尤其新装用户），很多教程说“默认用Tab”其实是旧版本遗留说法；实际默认是Ctrl+E（Windows/Linux）或Cmd+E（macOS）
怎么把Tab真正还给Emmet（且不被其他插件抢走）
直接改键位配置最稳，别依赖“默认”，因为AutoIndent、SideBarEnhancements等插件常悄悄劫持Tab。
- 菜单进入
Preferences → Key Bindings，在右侧用户配置区粘贴：[ { "keys": ["tab"], "command": "emmet_expand_abbreviation", "context": [ { "operand": "source.css, source.sass, source.scss, source.less, text.html - source, text.xml - source", "operator": "equal", "match_all": true, "key": "selector" } ]} ] - 注意
context里写了哪些语法范围，漏掉text.html - source，.html文件里就还是不响应 - 改完不用重启，但建议关掉所有Sublime窗口再重开——插件缓存有时不刷新，导致键位“看起来生效了实则没加载”
JSX/.jsx文件里用Emmet？光装插件不够
Emmet不认识JSX，它只认jsx这个内部语法名，而.js文件默认是javascript语法，必须手动映射。
- 打开
Preferences → Package Settings → Emmet → Settings – User - 填入：
{ "syntax_map": { "javascript": "jsx" }, "preferences": { "jsx.selfClosingTags": true } } - 确保你当前文件右下角显示的是
Babel或JSX（取决于你装的是Babel还是JSX插件），否则映射无效 - 验证：输入
div.container>img[src]按Tab，应生成<div classname="container"><img src=""></div>，而不是HTML风格的闭合标签
缩写写对了却展开错结构？检查嵌套符号和上下文
Emmet不校验语义，只机械解析符号。一个+写成>，结果天差地别。
-
ul>li*3→ 生成<ul> <li> <li> <li> </ul>（子元素） -
ul+li*3→ 生成<ul></ul> <li> <li> <li>（兄弟元素） - 在CSS中
m10展开为margin: 10px;，但mt10才是margin-top: 10px;；大小写敏感，M10不会识别 - 属性值带空格必须加引号：
div[data-id="item-1"]可以，div[data-id=item-1]会卡住不展开
Sublime里Emmet不是“装完就能用”的工具，它严格依赖语法识别、键位绑定、缩写格式三者同时成立。最容易被忽略的，是那个右下角不起眼的HTML字样——它不是装饰，是开关。
