操作

Emmet 允许你使用熟悉的 CSS 选择器以极快的速度编写大型 HTML 代码块。但这对每个 Web 开发人员来说还不够：你有时还需要编辑 HTML 和 CSS 代码来修复错误并添加新功能。

Emmet 提供了一些非常独特的工具，可以极大地提升你的编辑体验。

展开缩写

是的，这就是将类 CSS 缩写扩展为 HTML 代码的核心操作。

匹配标签对

从当前光标位置选择内容和/或开始与结束 HTML 标签名（即所谓的“平衡”操作）。这是一个超级棒的实现，甚至可以在非 HTML 语法中使用！许多 Emmet 操作都隐式地使用了它。

跳转到匹配的标签对

在 HTML 开始标签和结束标签之间快速跳转。

使用缩写包裹

与“扩展缩写”操作相同，但会智能地包裹所选内容。

跳转到编辑点

在重要的 HTML 代码点之间快速跳转。

选择项

快速选择重要的 HTML 和 CSS 代码片段。

切换注释

切换注释。与基本编辑器的实现不同，当没有选中内容时，它会匹配 HTML 标签、CSS 属性或规则。

拆分/合并标签

拆分（<tag /> → <tag></tag>）或合并（<tag></tag> → <tag />）当前光标位置下的 HTML/XML 标签。

移除标签

优雅地移除当前光标位置下的 HTML/XML 标签。

合并行

将选定的行合并为一行。如果没有选中内容，则自动匹配最近的 HTML 标签。

更新图片尺寸

使用位于光标下的图像尺寸更新匹配的 HTML 标签或 CSS 规则。

计算数学表达式

计算简单的数学表达式。

数字递增/递减

以给定的步长增加或减少当前光标位置下的数字。

反射 CSS 值

自动将当前光标位置下的 CSS 值复制到所有带供应商前缀的变体中。

将图片编码/解码为 data:URL

将光标下的图像编码为 data:URL 格式，反之亦然。