讲师中心 微信公众号
AI工具推荐 视频效率加速

配合Emmet插件使用的Sublime快捷键技巧

云明吖_3715

云明吖_3715

发布时间:2026-08-24 08:44:18

|

474人浏览过

|

来源于php中文网

原创

Ctrl+E(Windows/Linux)或Cmd+E(macOS)是Emmet唯一可靠展开缩写的快捷键;Tab不可靠,多光标、非HTML语法或插件冲突时易失效;需确保右下角语法为HTML/CSS且emmet_enabled为true。

配合emmet插件使用的sublime快捷键技巧

Sublime 里 Emmet 不是靠 Tab 键驱动的,Ctrl+E(Windows/Linux)或 Cmd+E(macOS)才是唯一可靠入口;其他快捷键要么是辅助定位,要么是批量预处理手段,混用容易失效。

Ctrl+E 是唯一能强制展开缩写的快捷键

Tab 在多光标、非 HTML 语法、或被 AutoIndent 等插件劫持时大概率不响应——它根本不是 Emmet 的默认触发器。Ctrl+E 才是插件内置的 Expand Abbreviation 命令绑定,无视光标数量、语法上下文和缩写位置(只要光标在缩写右侧即可)。

  • 输入 ul>li*3 后按 Ctrl+E,立刻生成完整结构;按 Tab 则可能只缩进或无反应
  • 如果 Ctrl+E 也无效,先检查右下角是否为 HTML 或 CSS,再确认用户设置中 "emmet_enabled": true
  • 别在 <script></script> 块内测试——Emmet 默认不激活 script 区域内的 HTML 缩写

Ctrl+Shift+L:批量生成光标后再统一补缩写

适合写重复结构(如 5 个卡片、10 行表格),比逐行敲 + 逐行 Ctrl+E 更稳,避免漏触发或光标偏移。

  • 先输入一次 div.card,全选该行
  • 按 Ctrl+Shift+L(Windows/Linux)或 Cmd+Shift+L(macOS),每行插入一个光标
  • 所有光标后统一追加 >h3+p,再全选这 N 行,按 Ctrl+E 一次性展开
  • 若某行需差异化(比如第三张卡多一个 span),直接在对应光标位置加,不用重写整条缩写

Alt+F3:全文匹配相同缩写并批量展开

适用于已写好一堆未展开缩写(如从文档复制来的 div.container、ul>li*5),省去手动逐行选中。

  • 按 Alt+F3(Windows/Linux)或 Ctrl+Cmd+G(macOS),所有字面量匹配的缩写被高亮并置入多光标
  • 注意:它只认文本字符串,div.container 和 div .container 视为不同,含空格/换行的缩写无法匹配
  • 匹配后按 Ctrl+E 即可全部展开;若某几行结构异常,说明原始缩写有歧义(例如 .item 在 <ul></ul> 内会变成 <li>,而在 <div> 内是 <code><div>) <h3>嵌套缩写别拆到多光标里改</h3> <p>像 <code>div>(header>h1)+main>p+footer 这类带括号、+、> 的深层结构,一旦放进多光标环境,极易因符号错位导致解析失败或乱码。

    • 嵌套缩写永远单行处理:先写好、再 Ctrl+E 展开,不要试图把 > 或 + 分散到多个光标去编辑
    • 要批量生成嵌套结构?用分组语法,比如 (div>h1+p)*3,而不是把 div> 拆成多行再补 h1+p
    • 若需修改嵌套内容(如 5 张卡标题文字不同),先展开,再用 Ctrl+D 逐个选中 {} 中的文本替换

    最常被忽略的一点:Emmet 不看文件后缀,只认右下角显示的语法类型;哪怕你刚保存成 index.html,右下角写着 Plain Text,所有缩写都白写。

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

相关专题

更多
Linux 新手先学哪些命令
Linux 新手先学哪些命令

Linux新手命令专题汇集终端基础、文件目录操作、文本查看、软件安装和权限管理等入门文章,帮助按实际任务练习常用命令并建立命令行操作习惯。

0

2026.10.15

MySQL 忘记密码怎么办
MySQL 忘记密码怎么办

MySQL忘记密码专题汇集不同版本与系统下的root密码重置方法,覆盖MySQL 5.7、8.0、Mac、Linux及本地集成环境,并提示恢复权限与重新登录的检查步骤。

0

2026.10.15

Vue.js 中 ref 和 reactive 的区别
Vue.js 中 ref 和 reactive 的区别

Vue.js中ref和reactive的区别专题汇集两种响应式API的定义、访问方式、对象解构、侦听与性能取舍等文章,帮助结合实际状态类型选择合适写法。

0

2026.10.15

VS Code 怎么配置开发环境
VS Code 怎么配置开发环境

VS Code开发环境专题汇集编辑器安装、语言扩展、编译器、解释器、终端和调试配置文章,覆盖Java、Python、C++和PHP等常见语言的入门设置。

0

2026.10.15

C++ 开发环境怎么搭建
C++ 开发环境怎么搭建

C++开发环境专题汇集Windows、Linux下的编译器与IDE安装配置教程,涵盖GCC、Clang、Visual Studio、CLion和VS Code,以及编译运行首个程序的步骤。

0

2026.10.15

Python 虚拟环境是什么
Python 虚拟环境是什么

Python虚拟环境专题介绍项目依赖隔离的作用,汇集venv与uv创建、激活、退出及解释器切换的相关文章,并覆盖Windows、Linux和VS Code中的常见配置问题。

0

2026.10.15

Python 怎么安装并配置环境变量
Python 怎么安装并配置环境变量

Python安装与环境变量配置专题汇集Windows、macOS和Linux的安装步骤、PATH设置、pip配置及常见报错排查文章,帮助完成解释器安装并验证命令行可以正常运行。

0

2026.10.15

PHP 连接 MySQL 失败怎么办
PHP 连接 MySQL 失败怎么办

PHP连接MySQL失败专题汇集PDO与MySQLi扩展配置、账号权限、主机端口、套接字和认证方式等排查文章,覆盖连接报错、密码变更与容器环境配置,帮助按错误提示定位原因并修复。

0

2026.10.15

PHP 表单提交后如何获取数据
PHP 表单提交后如何获取数据

PHP表单提交后如何获取数据专题汇集HTML表单提交、GET与POST接收、$_POST和$_GET读取、跨文件传值、单选与下拉字段获取,以及空值和接收失败排查等文章,帮助新手完成从提交到处理的完整流程。

0

2026.10.15

热门下载

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

相关下载

更多

精品课程

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

最新文章

更多

PDF工具

更多
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn