Sublime Text 配置 Emmet 插件后，可通过缩写（如 ul>li*5）按 Tab 快速生成 html/css 代码；需用 Package Control 安装，启用自动闭合标签、支持 jsX/vue 语法，并排查文件类型与快捷键冲突。
sublime Text 配置 Emmet 插件后，能用极简缩写快速生成 HTML 结构和 CSS 属性，大幅提升编码效率。关键是正确安装、触发快捷键、掌握常用语法，而不是装完就完事。
安装 Emmet（推荐 Package Control 方式）
确保已安装 Package Control（如未安装，官网可一键安装）。之后按 Ctrl+Shift+P（Win/linux）或 Cmd+Shift+P（mac）调出命令面板，输入 Install Package 回车，再搜索 Emmet，选择安装即可。安装完成后无需重启，新文件中即可使用。
基础缩写与展开方式
Emmet 的核心是“写缩写 → 快捷键展开”。默认在 HTML 或 CSS 文件中生效：
- 输入 ul>li*5，按 Tab（不是 Enter），立刻生成带 5 个 li 的 ul 列表
- 输入 .container>.row>.col-md-6*2 + Tab，生成嵌套响应式结构
- 在 CSS 中输入 m10 + Tab，自动展开为 margin: 10px;；bd1#f00 → border: 1px solid #f00;
- 想修改默认 Tab 行为（比如与其他插件冲突），可在 Preferences → Key Bindings 中检查是否被覆盖，确保 Emmet 的 tab 键绑定有效
提升体验的实用技巧
光会缩写还不够，这些设置能让 Emmet 更顺手：
立即学习“前端免费学习笔记（深入）”；
- 启用自动闭合标签：在 Preferences → Settings 中添加
"auto_close_tag": true，输入后回车自动补全