Sublime Text如何安装Emmet插件_Sublime Text前端HTML/CSS编写提速-sublime-PHP中文网

emmet在sublime text 4中需手动安装sergeche官方版、重启后设语法为html、缩写置行尾、用ctrl+e触发；vue/jsx需额外配置syntax_scopes和emmet_include_languages映射。

sublime text如何安装emmet插件_sublime text前端html/css编写提速

Emmet 在 Sublime Text 4（及较新 v3）中不是“装完就用”的插件，它默认不启用、不绑定 Tab、也不自动识别文件类型。你敲 html:5 按 Tab 没反应，几乎可以确定不是插件没装好，而是编辑器根本没把它当 HTML 处理。

Package Control 装没装好，`Emmet` 根本见不了光

所有可靠安装都必须经过 Package Control——拖 ZIP、双击、手动放 Packages/ 目录，全是“假安装”：命令面板搜不到 expand_abbreviation，设置里没有 Emmet 选项，快捷键完全无响应。

按 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'))

企业网络常拦截 packagecontrol.io，此时直接手动下载 Package Control.sublime-package，放入 Installed Packages/ 目录后重启 Sublime

只装 `Emmet`（首字母大写，作者 `sergeche`）

Sublime Text 4 不再内置 Emmet，必须手动安装官方维护版本。搜 emmet（小写）、Emmet Snippets、Emmet Live，都会装到非官方分支——它们不支持 .vue 映射、设置项缺失、Ctrl+E 无响应。

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

按 Ctrl+Shift+P → 输入 Package Control: Install Package → 等列表加载完成
输入 Emmet（严格大小写，不能少字母，不能多空格）→ 只选作者显示 sergeche 的那一项
安装后务必重启 Sublime Text —— 否则 html:5、ul>li*3 等缩写完全无响应，这是 2026 年用户卡住的第一步

右下角不是 `HTML`？`Emmet` 直接无视你写的任何缩写

Emmet 完全不看文件后缀名，只认右下角状态栏显示的语法类型。新建文件默认是 Plain Text，哪怕你立刻保存为 index.html，它也还是 Plain Text，此时所有缩写全部失效。

新建文件后，按 Ctrl+Shift+P → 输入 Set Syntax: HTML → 回车，右下角出现 HTML 两个字才算到位
别只输 div 测试——它在 Plain Text 模式下可能被 Sublime 自带补全误触发；真正有效的测试是 html:5 或 .container>ul>li.item$*3
如果右下角始终不显示 HTML，检查是否误点了 Revert to Saved，或文件被自动识别为 XML、PHP 等变体（它们默认不启用 Emmet）

`Tab` 键按不动？默认触发键是 `Ctrl+E`（Win/Linux）或 `Cmd+E`（macOS）

Sublime Text 4 默认不把 Tab 绑定给 Emmet。Tab 属于缩进和原生补全，Emmet 的实际默认触发键是 Ctrl+E（Windows/Linux）或 Cmd+E（macOS）。这是 2026 年绝大多数人卡住的第二步。

验证是否生效：写完 html:5，光标紧贴行尾，按 Ctrl+E，立刻生成完整 HTML5 结构才算对

想换回 Tab，得去 Preferences → Key Bindings 用户配置里加 context 判断，不能裸写：

[{"keys": ["tab"], "command": "emmet_expand_abbreviation", "context": [{"key": "selector", "operator": "equal", "operand": "source.css, text.html - source"}]}]