Emmet 文档中列出的 Actions 有哪些?

Emmet 文档把 Actions 分成几组：最核心的是 Expand Abbreviation（把缩写展开成 HTML/CSS），此外还有一组围绕标签、编辑点、注释、数值和 CSS 值操作的辅助动作。它们的作用是让你在不离开键盘的情况下完成选中、跳转、包裹、注释、合并、计算等编辑操作。下面按文档列出的顺序说明每个动作做什么，以及文档中给出的默认快捷键。

缩写展开与结构选择

Expand Abbreviation

把 CSS 风格的缩写解析成完整代码。文档示例中，输入 ul#nav>li.item$*4>a{Item $} 后执行该动作，会展开为对应的 HTML 结构。文档标注的默认快捷键是 Tab。

Balance

向外逐层选中当前标签。文档演示中连续执行 3 次，选择范围从内层标签扩展到外层标签。默认快捷键是 Cmd-D。

Go to Matching Pair

在成对标签之间跳转，用于快速定位开标签或闭标签的另一半。

Wrap with Abbreviation

用输入的缩写把当前选中内容包裹起来，适合给已有代码块快速加上父级标签。

编辑点与选择

Go to Edit Point

在代码中重要的可编辑位置之间移动，例如标签名、属性值、内容之间。文档给出的默认快捷键是 Ctrl-Alt-→（下一个）和 Ctrl-Alt-←（上一个）。

Select Item

按层级选择当前项，用于逐级扩大选择范围。默认快捷键是 Shift-Cmd-.（下一个）和 **Shift-Cmd-, **（上一个）。

标签与行操作

Toggle Comment

对当前标签或行切换注释状态。文档演示中连续执行 2 次，即注释后再取消注释。默认快捷键是 Cmd-/。

Split/Join Tag

把自闭合标签拆成开闭标签对，或把开闭标签对合并为自闭合标签。

Remove Tag

删除当前标签，但保留其内部内容。

Merge Lines

把多行合并为一行，常用于整理被拆散的属性或文本。

数值、CSS 与图片相关

Update Image Size

根据图片文件更新对应的 width 和 height 属性值。

Evaluate Math Expression

计算选中的数学表达式并替换为结果。

Increment/Decrement Number

对当前数值加一或减一，适合调整 z-index、margin 等数值。

Reflect CSS Value

把一处 CSS 属性的值同步到其他浏览器前缀版本，减少手工复制。

Encode/Decode Image to data:URL

把图片编码为 data:URL，或把 data:URL 解码回图片。

这些动作怎么配合使用

一个典型流程是：先用缩写写出结构，用 Expand Abbreviation 展开；需要调整层级时用 Balance 或 Go to Matching Pair 定位；给已有内容加容器时用 Wrap with Abbreviation；整理代码时用 Toggle Comment、Merge Lines 或 Split/Join Tag。

文档同时说明，Emmet 与普通 snippets 的区别在于：snippets 需要预先定义且不能在运行时扩展，而 Emmet 的缩写是动态解析的，输出取决于你输入的表达式。这也是上述动作能围绕缩写和结构灵活工作的基础。

自定义与速查

文档还列出可自定义的文件：snippets.json、preferences.json、syntaxProfiles.json，以及一份 Cheat Sheet 用于快速查阅缩写和动作。如果你需要确认某个动作在当前编辑器中的实际快捷键，应以对应编辑器的键位绑定为准，文档中的快捷键是示例默认值。