Emmet 在 Sublime 中需手动设置语法模式并正确安装才能生效:先通过 Ctrl+Shift+P 设置 HTML/CSS 语法,再通过 Package Control 安装官方 Emmet 插件,推荐用 Ctrl+E 替代 Tab 触发缩写展开,并用 html:5、ul>li*3 等复合语法验证功能是否正常。

Emmet 在 Sublime 里不是装上就自动好使的
装完 Emmet 按 Tab 没反应?大概率不是插件坏了,而是 Sublime 根本没把它当 HTML/CSS 文件处理。Emmet 严格按语法模式(syntax)触发,和文件后缀名无关——哪怕你保存为 index.html,右下角显示的是 Plain Text,它照样不干活。
- 新建文件后,务必按
Ctrl + Shift + P输入Set Syntax: HTML回车,右下角看到HTML两个字才算到位 - 验证用
html:5+Tab,别只试div——div在非 HTML 模式下可能被其他补全逻辑劫持 - 如果右下角始终不显示
HTML,检查是否误点了“Revert to Saved”或文件被识别为XML/PHP等变体
Package Control 是唯一靠谱的安装入口
别拖 zip 包进 Packages 文件夹,也别双击安装——这样装出来的 Emmet 没设置项、不响应快捷键、命令面板里搜不到 Emmet 相关命令,属于“假安装”。
- 先确认
Package Control已就位:菜单栏Preferences → Package Control能点开才算成功 - 如果控制台报
urllib.error.URLError,说明网络被代理/防火墙拦了,换环境或手动下载Package Control.sublime-package放进Installed Packages目录 - 安装 Emmet 必须走
Ctrl + Shift + P → Package Control: Install Package → 输入 Emmet → 回车,认准作者是sergeche的那一项
Tab 键容易被其他插件抢走,推荐绑定 Ctrl+E
很多团队禁用 Tab 自动缩进补全,或装了 AutoIndentEmacs Pro Mode 类插件,它们会优先截获 Tab,导致 Emmet 展开失败。用 Ctrl+E 是更干净的选择,语义明确、冲突少、调试方便。
易优乐器古筝书画培训类网站源码是基于易优cms开发,适合企业进行教育培训展示使用。程序内核为Thinkphp5.0开发,后台简洁,为企业网站而生。 这是一套安装就能建站的程序,不定期更新程序BUG,更新网站功能。 我们提供的不仅是模板这么简单,我们还提供程序相关咨询、协助安装等服务。 默认不包含小程序插件,需要另外单独购买插件。 模板安装步骤 1、请将安装包Z
- 打开
Preferences → Package Settings → Emmet → Key Bindings - 在右侧用户键绑定文件里加一行:
{ "keys": ["ctrl+e"], "command": "expand_abbreviation" } - 保存后直接试
ul>li*3+Ctrl+E,比等Tab可靠得多
验证必须带上下文,不能只看单个标签
输入 ! 或 html:5 才是真验证——它们依赖 Emmet 的完整语法解析器;而 div 这种基础标签,有时会被 Sublime 原生补全或 Snippets 顶替,看起来像 Emmet 生效了,其实不是。
-
div#app>.item$*2+p{hello}+Ctrl+E应生成带 ID、class、编号列表和段落的嵌套结构 - 在 CSS 文件中试
m10+Ctrl+E,应输出margin: 10px;,确认 Emmet 对 CSS 缩写也生效 - 如果 HTML 模式下能展开但 CSS 不行,检查当前文件语法是否真是
CSS(不是SCSS或PostCSS,那些需要额外配置)
最容易被忽略的其实是语法模式切换动作本身——它不显眼,但缺了这步,后面所有操作都在无效区打转。









