首先安装Package Control，再通过它安装Emmet插件；安装后新建HTML文件，输入!按Tab可生成HTML5结构，验证功能正常；使用常用缩写如html:5、.header#main等提升编码效率；注意文件语法模式需设为HTML或CSS以确保Emmet生效。
Sublime Text 是前端开发中非常受欢迎的编辑器，而 Emmet 插件能极大提升 HTML 和 CSS 的编写效率。通过简单的缩写快速生成完整代码结构，是每个前端开发者都应掌握的技巧。下面教你如何在 Sublime Text 中安装并使用 Emmet 插件。
1. 安装 Package Control（插件管理工具）
Emmet 是通过 Package Control 来安装的，如果还没安装这个管理工具，需要先添加它：
- 打开 Sublime Text，按下 Ctrl+`（反引号）调出控制台
- 粘贴以下代码并回车执行（适用于 Sublime Text 3）：
- 等待安装完成，重启 Sublime Text
2. 使用 Package Control 安装 Emmet
安装好 Package Control 后，接下来安装 Emmet 非常简单：
- 按下 Ctrl+Shift+P 打开命令面板
- 输入 Install Package，选择对应选项
- 等待插件列表加载完成后，搜索 Emmet
- 点击安装，完成后无需手动重启（部分版本可能需重启软件）
3. 验证 Emmet 是否生效
安装完成后，可以测试 Emmet 是否正常工作：
立即学习“前端免费学习笔记（深入）”；
4. 常用 Emmet 缩写示例
熟练使用 Emmet 能大幅提升编码速度，以下是几个常用缩写：
- html:5 → HTML5 文档结构
- .header#main →
- ul>li.item$*3 → 三个带 class 的 li，编号从1开始
-
p{Hello World} →
Hello World
- img[src alt] → 快速生成带属性的标签
基本上就这些。只要正确安装了 Package Control，并从中安装 Emmet，就能立即享受高效编码体验。不复杂但容易忽略的是文件类型必须设置为 HTML 或 CSS，否则 Emmet 可能不会触发。可以在右下角确认语法模式是否正确。
