Wrap with Abbreviation 功能位于 Emmet 插件中，需先通过 Package Control 安装并启用 Emmet，确保文件语法为 HTML 等支持格式，再用 Ctrl+Shift+G（Win/Linux）或 Cmd+Shift+G（macOS）调用，输入 CSS 选择器式缩写即可包裹文本。

Wrap with Abbreviation 功能在哪找？

这个功能藏在 Emmet 插件里，不是 Sublime 原生功能。如果你刚装好 Sublime，大概率还没启用它——得先确认 Emmet 已安装且生效。

检查方式：选中一段文本，按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS），输入 Wrap with Abbreviation，看是否能搜到。搜不到？说明 Emmet 没装或没启动成功。

• 推荐用 Package Control 安装：Ctrl+Shift+P → 输入 Install Package → 搜 Emmet → 选中安装
• 装完重启 Sublime，或手动执行一次 Emmet: Enable Languages，确保 HTML/CSS/JS 等语法被识别
• 如果仍不响应，检查当前文件右下角的语法模式是不是 HTML（不是 Plain Text 或 Text）

怎么用 Wrap with Abbreviation 给文本加标签？

选中文本后，快捷键是 Ctrl+Shift+G（Windows/Linux）或 Cmd+Shift+G（macOS）。弹出输入框，直接敲缩写即可，比如：

div.my-class#my-id

回车后，选中的文本就会被包裹成：

[你的文本]

常见缩写习惯：

• p →

  ...

• span.red → ...
• a[href="https://example.com"] → ...
• ul>li*3 → 会生成三层嵌套结构（但注意：这适用于空行或光标位置，对已选文本只包裹最外层）

为什么有时按了 Ctrl+Shift+G 没反应？

这不是插件坏了，多数是触发条件没满足：

• 当前视图不是支持 Emmet 的语法（如文件后缀是 .txt，或右下角显示 Plain Text）→ 手动点右下角切换为 HTML
• 选区包含换行符且跨多行（尤其首尾有空格或空行）→ Emmet 对多行文本的包裹行为不稳定，建议先用 Ctrl+Shift+L 拆行再逐行处理，或改用 Ctrl+Shift+A（Wrap with Tag，Sublime 原生功能，不依赖 Emmet）
• 快捷键被其他插件占用 → 在 Preferences → Key Bindings 里搜 wrap_with_abbreviation，确认绑定存在且无冲突
• Emmet 配置禁用了该命令 → 检查 Preferences → Package Settings → Emmet → Settings 中是否有 "disabled_commands" 包含 wrap_with_abbreviation

Wrap with Abbreviation 和原生 Wrap with Tag 有什么区别？

根本差异在于：前者走 Emmet 引擎，支持 CSS 选择器式缩写；后者只是简单套一层标签，不解析 class/id 属性。

比如选中 hello，用原生 Ctrl+Shift+A 输入 div.class1#id1，结果是：

hello

而 Ctrl+Shift+G 输入同样内容，得到的是标准 HTML：

hello

所以——要加属性，必须用 Wrap with Abbreviation；只要简单套个

真正容易被忽略的是：Emmet 的缩写解析严格依赖当前语法上下文。比如在 JSX 文件里，默认不启用 HTML 缩写，得手动在 Emmet → Settings 里把 jsx 加进 variables 或 extensions 列表里，否则 Ctrl+Shift+G 就是静音状态。

# css  # linux  # html  # sublime  # js  # windows  # mac  # ai  # macos  # win  # 区别  # cos  # class 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel如何优化应用性能？（缓存和优化命令）  如何在HTML表单中获取用户输入并用JavaScript动态控制复利计算循环  如何在阿里云通过域名搭建网站？  如何快速重置建站主机并恢复默认配置？  Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  中国移动官方网站首页入口 中国移动官网网页登录  如何快速生成凡客建站的专业级图册？  北京专业网站制作设计师招聘,北京白云观官方网站？  php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】  如何在Windows 2008云服务器安全搭建网站？  JS弹性运动实现方法分析  Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】  油猴 教程,油猴搜脚本为什么会网页无法显示？  如何在服务器上配置二级域名建站？  如何用JavaScript实现文本编辑器_光标和选区怎么处理  标题：Vue + Vuex 项目中正确使用 JWT 进行身份认证的实践指南  C++时间戳转换成日期时间的步骤和示例代码  详解Nginx + Tomcat 反向代理 负载均衡 集群 部署指南  javascript事件捕获机制【深入分析IE和DOM中的事件模型】  如何正确选择百度移动适配建站域名？  JavaScript如何实现音频处理_Web Audio API如何工作？  如何确保西部建站助手FTP传输的安全性？  简单实现Android文件上传  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  三星网站视频制作教程下载,三星w23网页如何全屏？  nginx修改上传文件大小限制的方法  如何在Ubuntu系统下快速搭建WordPress个人网站？  昵图网官方站入口 昵图网素材图库官网入口  如何快速搭建支持数据库操作的智能建站平台？  如何为不同团队 ID 动态生成多个“认领值班”按钮  清除minerd进程的简单方法  如何在企业微信快速生成手机电脑官网？  php做exe能调用系统命令吗_执行cmd指令实现方式【详解】  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  php后缀怎么变mp4格式错误_修改扩展名提示格式不对怎么办【技巧】  大连 网站制作,大连天途有线官网？  Win11怎么开启自动HDR画质_Windows11显示设置HDR选项  Swift开发中switch语句值绑定模式  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  Laravel用户密码怎么加密_Laravel Hash门面使用教程  在Oracle关闭情况下如何修改spfile的参数  图册素材网站设计制作软件,图册的导出方式有几种？  Laravel如何设置定时任务（Cron Job）_Laravel调度器与任务计划配置  如何快速搭建安全的FTP站点？  JS实现鼠标移上去显示图片或微信二维码  详解阿里云nginx服务器多站点的配置  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  如何用景安虚拟主机手机版绑定域名建站？