Emmet 在 Sublime Text 4 中需手动安装 sergeche 官方版、重启后设语法为 HTML、缩写置行尾、用 Ctrl+E 触发；Vue/JSX 需额外配置 syntax_scopes 和 emmet_include_languages 映射。
Emmet 在 Sublime Text 4（及较新 v3）里不是“装完就用”的插件，它默认不启用、不绑定 Tab、且只在明确语法模式下工作——你敲 html:5 按 Tab 没反应，大概率是 Sublime 根本没把它当 HTML 处理。
Package Control 装没装好，决定 Emmet 能不能见光
Emmet 必须通过 Package Control 安装，拖 ZIP 包进 Packages/ 或双击安装，属于“假安装”：命令面板搜不到 expand_abbreviation，设置项为空，快捷键完全不响应。
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS），输入Package Control: Install Package—— 如果搜不到，说明Package Control没装好或已损坏 - 执行
View → Show Console，粘贴官网最新脚本（2026 年起必须 HTTPS）：import urllib.request,os,hashlib;exec(urllib.request.urlopen('https://packagecontrol.io/installation').read().decode('utf-8')) - 执行后无报错、无输出即成功；重启 Sublime 后，再试
Ctrl+Shift+P能搜到Install Package才算真正就位 - 企业网络常拦截
packagecontrol.io，此时需手动下载Package Control.sublime-package，放入Installed Packages/目录，再重启
只认 sergeche 版 Emmet，大小写敏感、不能少字母
Sublime Text 4 不再内置 Emmet，必须手动安装官方维护版本。搜 emmet、Emmet Snippets 或拖 ZIP，都会导致功能缺失——尤其是 Vue/JSX 映射、设置入口、命令注册全失效。
- 按
Ctrl+Shift+P→ 输入Package Control: Install Package→ 回车等待列表加载完成 - 输入
Emmet（首字母大写、全拼、不能少字母），只选作者显示sergeche的那一项 - 安装后必须重启 Sublime Text，否则
html:5等缩写完全无响应——这是 2026 年用户卡住的第一步
右下角不是 HTML？Emmet 直接无视你写的任何缩写
Emmet 完全不看文件后缀名，只认右下角状态栏显示的语法类型。新建文件默认是 Plain Text，此时敲 ul>li*3 + Ctrl+E 也不会有任何反应。
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
立即学习“前端免费学习笔记（深入）”；
- 新建文件后，按
Ctrl+Shift+P→ 输入Set Syntax: HTML（或Set Syntax: CSS）→ 回车，右下角出现HTML两个字才算到位 - 别只输
div测试——它在非 HTML 模式下可能被 Sublime 自带补全劫持；真正有效的测试是html:5或ul>li*3 - 如果右下角始终不显示目标语法，检查是否误点了
Revert to Saved，或文件被自动识别为XML、PHP等变体（它们默认不启用 Emmet）
Ctrl+E 是默认触发键，Tab 是高危操作
Sublime Text 4 默认不把 Tab 绑定给 Emmet，真正生效的是 Ctrl+E（Win/Linux）或 Cmd+E（macOS）。很多人敲完 ul>li*3 按 Tab 没反应，其实是默认用错了键。
- 验证是否生效，就用这个组合键：
html:5写完紧贴行尾，按Ctrl+E，立刻生成完整 HTML5 结构才算对 - 想换回
Tab？得去Preferences → Key Bindings – User加 context 判断，不能裸写：[{"keys": ["tab"],"command":"emmet_expand_abbreviation","context": [{"key":"selector","operator":"equal","operand":"source.css, text.html - source"}]}] - Vue/JSX 文件里缩写不展开？光装插件远远不够：必须在
Preferences → Package Settings → Emmet → Settings用户设置里加syntax_scopes和emmet_include_languages映射，漏掉任意一步，<template></template>里的所有缩写都等于白写
最常被忽略的其实是“上下文”：Emmet 不是全局监听器，它只在特定 selector 下激活；而语法识别、快捷键归属、配置映射这三关，任一出错都会让缩写静默失效。
