emmet安装必须认准sergeche官方版，装错分支是90%用户卡住的第一步；需通过package control精确输入首字母大写的emmet、选作者sergeche项、安装后重启，再用ctrl+e验证html:5是否生成结构，并设右下角语法为html/css，css还需手动配置syntax_scopes。
Emmet 安装必须认准 sergeche 官方版
装错分支是 90% 用户卡住的第一步。Package Control 里搜到的 emmet-snippets、Emmet Live 或小写开头的 emmet 都不能用——它们不支持 Sublime Text 4 的新 API，也没有 emmet_expand_abbreviation 命令。
正确做法只有三步：
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS），输入Package Control: Install Package - 等列表加载完，**精确输入
Emmet（首字母大写、无空格、无连字符）**，选作者显示sergeche的那一项 - 安装后**必须重启 Sublime Text**，否则所有缩写都静默失败
验证是否真装上：再按 Ctrl+Shift+P，输入 Emmet: Expand Abbreviation，能调出命令才算成功。如果搜不到，就是装错了。
语法模式不对，Emmet 就是废的
Emmet 不看文件后缀，只认右下角状态栏显示的语法类型。新建文件默认是 Plain Text，哪怕你存成 index.html，右下角还是 Plain Text，这时 html:5 + Tab 绝对没反应。
必须手动切换：
- 按
Ctrl+Shift+P→ 输入Set Syntax: HTML回车（CSS 同理） - Vue 文件要额外配置：
"emmet_include_languages": {"vue-html": "html", "javascriptreact": "html"} -
<script></script>标签内部默认不生效，别在里面测div缩写
顺手检查：光标得在缩写末尾紧贴右侧，前面有空格、换行、中文标点，Emmet 直接跳过解析。
Tab 键不展开？先用 Ctrl+E 验证核心功能
Sublime Text 4 默认根本没把 Tab 绑给 Emmet。你按 html:5 + Tab 没反应，不是插件坏了，是快捷键根本没配。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
先确认 Emmet 本身是否工作：
- 输入
html:5，然后按Ctrl+E（Win/Linux）或Cmd+E（macOS） - 能立刻生成完整 HTML5 结构，说明插件和语法都没问题
- 想改回
Tab触发，必须在Preferences > Key Bindings – User里加 context 限定，否则会误触发在 JS/Python 里
别碰 "tab_completion": false 这个设置——Emmet 依赖它，默认就是 true，改了就全挂。
CSS 缩写失效？得手动开 syntax_scopes
CSS 文件默认不启用 Emmet 缩写。输入 m10 或 pos:a 按 Tab 没反应，不是语法错，是作用域没开。
解决方法很简单：打开 Preferences > Package Settings > Emmet > Settings – User，加入：
{
"syntax_scopes": {
"source.css": ["css"]
}
}
这个配置告诉 Emmet：在 source.css 作用域下，启用 css 类型的缩写。没这句，trf 就不会生成带前缀的 transform。
注意：JSX、Vue 单文件组件里的 CSS block 也得单独映射，否则 .style 块里照样不生效。
最常被忽略的其实是作用域和快捷键绑定的耦合性——Emmet 不是“装完即用”的工具，它像一个需要手动校准的精密仪器。语法、位置、触发键三者缺一不可，少验任何一个环节，都会让你以为插件坏了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
