sublime text 4中emmet需同时满足三条件才生效：1.通过package control安装sergeche官方版并重启；2.右下角语法设为html/css；3.用ctrl+e（非tab）触发，缺一不可。
Sublime Text 4 默认不启用 Emmet，装了插件也不等于能用——90% 的“没反应”问题出在语法识别、快捷键绑定或配置缺失上，不是插件坏了。
确认 Emmet 是否真启用（不是“装了就行”）
装完 Emmet 后必须重启 Sublime Text 4；否则 html:5、div.container 全部静默。验证是否生效，三步缺一不可：
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS），输入Emmet，能看到Emmet: Expand Abbreviation等命令 - 新建文件 →
Ctrl+Shift+P→ 输入Set Syntax: HTML→ 右下角状态栏显示 HTML（不是 Plain Text、XML 或 JavaScript） - 输入
html:5，光标紧贴其右侧，按Ctrl+E（Win/Linux）或Cmd+E（macOS）——立刻生成完整骨架才算通过
Tab 键为什么按了没反应？默认根本没绑给 Emmet
Sublime Text 4 默认把 Tab 绑给缩进和原生补全，Emmet 的实际触发键是 Ctrl+E（Win/Linux）或 Cmd+E（macOS）。这是最常被忽略的底层设定。
- 别试
Enter或Space，它们不会触发任何缩写展开 - 想改回
Tab？必须加context判断，否则会在 JS/Markdown 里误触发：[{"keys": ["tab"], "command": "emmet_expand_abbreviation", "context": [{"key": "selector", "operator": "equal", "operand": "source.text.html"}]}] - 加了这行后，
Tab在 HTML 文件里只负责展开，不再自动缩进——需要缩进得手动用Ctrl+[/Ctrl+]
Vue/JSX 中 div.container 不展开？Emmet 默认跳过这些文件类型
Sublime 不会自动识别 .vue 文件里的 <template></template> 或 .jsx 中的 JSX 片段，Emmet 默认只响应 text.html 语法范围。
- 临时解法：选中 HTML 片段 →
Ctrl+Shift+P→Set Syntax: HTML→ 展开 → 再切回 Vue/JSX - 长期解法：打开
Preferences → Package Settings → Emmet → Settings，在用户设置里加两行："syntax_scopes": {"vue": "text.html.vue", "jsx": "text.html.jsx"},<br>"emmet_include_languages": {"vue-html": "html", "javascriptreact": "html"} - 确保右下角状态栏显示的是 Vue 或 React JSX，不是 JavaScript —— 漏掉任意一项，
<template></template>里所有缩写都无效
缩写写对了但没生成？Emmet 不报错，只静默失败
Emmet 解析器极其严格：一个空格、少个引号、符号用错位置，就直接放弃，不提示、不警告、不纠错。
-
div .container❌（点号前有空格）→ 正确是div.container -
a[href=#top]❌（属性值没引号）→ 必须是a[href="#top"]或a[href='#top'] -
ul + li*3❌（想嵌套却用了+）→ 子元素必须用>，即ul>li*3 -
lorem单独写无效 → 必须带数字，如lorem10才生成 10 字占位文本
真正容易被忽略的，是上下文依赖：Emmet 不是全局监听器，它只在特定 selector 下激活——而这个 selector 由语法识别、配置项、快捷键 context 共同决定，缺一不可。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
