Sublime Text Emmet插件如何用_Sublime Text Emmet快速编写教程【高效】

酷浩君_3060

酷浩君_3060

2026-03-30

821人浏览

原创

sublime text 的 emmet 自 build 3126 起已内置,仅在 html、css 等支持语法下生效;缩写需符合语法规则(如 div.item*3),tab 展开受限于光标位置与缩进,ctrl+e 可强制展开。

sublime text emmet插件如何用_sublime text emmet快速编写教程【高效】

Sublime Text 的 Emmet 不需要额外安装插件——它从 Build 3126 开始已内置,开箱即用。

Emmet 触发快捷键为什么按了没反应

最常见原因是没在支持的语法模式下:Emmet 默认只在 HTML、CSS、SCSS、LESS、XML 等语言中激活。如果当前文件是纯文本(Plain Text)或 JavaScript,Tab 或 Ctrl+E 都不会展开。

  • 检查右下角语法标识,点击切换为 HTML 或对应支持的语言
  • 临时启用:按 Ctrl+Shift+P → 输入 Set Syntax: HTML 回车
  • 扩展支持:想在 .vue 或 .jsx 中用 Emmet?需在 Preferences → Package Settings → Emmet → Settings 中添加 "syntax_scopes" 配置项

常用缩写怎么写才不翻车

缩写逻辑简单,但几个符号组合容易混淆:

网易叭哥说
网易叭哥说

网易叭哥说是网易有道推出的AI原生语音输入Agent。

下载
  • div.item*3 → 生成 3 个 <div class="item"></div>;* 必须紧跟在标签/括号后,div*3.item 会失效
  • ul>li*5 → 正确嵌套;ul>li*5>a 会在每个 li 里加 a;少一个 > 就变成同级并列
  • input[type="text"] 要加引号,input[type=text] 在 Sublime 中可能解析失败(尤其含空格或特殊字符时)
  • span{Hello} → 文本内容必须用 {} 包裹,span>Hello 不生效

Tab 键不展开,但 Ctrl+E 可以,怎么回事

这是 Sublime 默认行为:Tab 展开仅在「行首无缩进 + 光标在缩写末尾」时触发;一旦有空格、缩进或光标不在末尾,Tab 就退化为普通缩进。

  • 确保光标紧贴缩写结尾(比如 div.item 后直接按 Tab,不要留空格)
  • 避免在已有缩进的行里写缩写——哪怕只是两个空格,Tab 也不会展开
  • 更稳的方式:全选缩写(如 div>p*2),再按 Ctrl+E,强制展开,不受上下文干扰
  • 想改回「任何位置 Tab 都展开」?修改 Preferences → Key Bindings,加一条:{"keys": ["tab"], "command": "emmet_expand_abbreviation"},但会覆盖 Tab 缩进功能

Emmet 的边界很清晰:它不是模板引擎,不处理变量、循环或条件;所有缩写都在本地实时解析,快是快,但写错一个符号就静默失败——多看右下角语法模式,多试 Ctrl+E,比查文档还快。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

sublime

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Sass和less的区别
Sass和less的区别

Sass和less的区别有语法差异、变量和混合器的定义方式、导入方式、运算符的支持、扩展性等。本专题为大家提供Sass和less相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.12

2767

5

pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.04.01

4584

5

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

2024.08.01

5937

7

xml是什么格式的文件
xml是什么格式的文件

xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

2024.11.28

2462

7

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

2024.01.03

3936

7

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

2025.12.06

306

9

点击input框没有光标怎么办
点击input框没有光标怎么办

点击input框没有光标的解决办法:1、确认输入框焦点;2、清除浏览器缓存;3、更新浏览器;4、使用JavaScript;5、检查硬件设备;6、检查输入框属性;7、调试JavaScript代码;8、检查页面其他元素;9、考虑浏览器兼容性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.11.24

834

4

c语言编程软件有哪些
c语言编程软件有哪些

c语言编程软件有GCC、Clang、Microsoft Visual Studio、Eclipse、NetBeans、Dev-C++、Code::Blocks、KDevelop、Sublime Text和Atom。更多关于c语言编程软件的问题详情请看本专题的文章。php中文网欢迎大家前来学习。

2023.11.02

8479

18

Sublime Text全方位使用指南
Sublime Text全方位使用指南

本专题深入剖析Sublime Text的环境配置与脚本开发机制,涵盖从 v3 升级 v4 实践、Shell 与 YAML 语法支持、Console 控制台调试到 Conda 多环境切换等核心操作,并详细讲解 Python 插件编写及构建系统(Build Systems)定制,旨在帮助开发者通过深度定制与脚本驱动,实现自动化代码格式化及跨语言高效开发。

2026.04.13

271

22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程