Emmet是啥，如果说出它的前身——Zen Coding，或许大家就有印象了。
在前端开发的过程中，一大部分的工作是写 HTML、CSS 代码。特别是手动编写HTML代码的时候，效率会特别低下，因为需要敲打很多尖括号，而且很多标签都需要闭合标签等。于是，就有了 Emmet，它可以极大的提高代码编写的效率，它提供了一种非常简练的语法规则，然后立刻生成对应的 HTML 结构或者 CSS 代码，同时还有多种实用的功能帮助进行前端开发。
Emmet的重要特性
当然，Emmet的特性不止这么点，要完全了解，可以直接去看官方文档。
各种快捷键一览
官方文档中演示的快捷键大都是不对的，下表中所列的快捷键经测试，至少在Mac下是正确的 ^o^
| Action | Mac | Win |
| [扩展缩写](http://docs.emmet.io/actions/expand-abbreviation/) | Tab or ^E | Tab or Ctrl+E |
| 交互式扩展缩写 | ^⌥Enter | Ctrl+Alt+Enter |
| [向外逐步配对](http://docs.emmet.io/actions/match-pair/) | ^D | Ctrl+, |
| [向内逐步配对](http://docs.emmet.io/actions/match-pair/) | ^J | Shift+Ctrl+0 |
| [在匹配行之间跳转](http://docs.emmet.io/actions/go-to-pair/) | ⇧⌃T | Ctrl+Alt+J |
| [用缩写方式包裹已有节点](http://docs.emmet.io/actions/wrap-with-abbreviation/) | ⌃W | Shift+Ctrl+G |
| [在编辑点之间切换](http://docs.emmet.io/actions/go-to-edit-point/) | ^⌥→ or ^⌥← | Ctrl+Alt+→ or Ctrl+Alt+← |
| [在各个tag间循序切换](http://docs.emmet.io/actions/select-item/) | ⇧⌘. or ⇧⌘, | Shift+Ctrl+. or Shift+Ctrl+, |
| [添加/删除注释](http://docs.emmet.io/actions/toggle-comment/) | ⇧⌥/ | Shift+Ctrl+/ |
| [在自封闭tag和配对tag形式间切换](http://docs.emmet.io/actions/split-join-tag/) | ⇧⌘' | Shift+Ctrl+` |
| [移除标签](http://docs.emmet.io/actions/remove-tag/) | ⌘' | Shift+Ctrl+; |
| [获取图片尺寸](http://docs.emmet.io/actions/update-image-size/) | ⇧⌃I | Ctrl+U |
| [计算功能](http://docs.emmet.io/actions/evaluate-math/) | ⇧⌘Y | Shift+Ctrl+Y |
| [批量修改不同前缀的同属性CSS值](http://docs.emmet.io/actions/reflect-css-value/) | ⇧⌘R | Shift+Ctrl+R |
| [编码/解码图片的data URL](http://docs.emmet.io/actions/base64/) | ⇧⌃D | Ctrl+' |
| 重命名tag | ⇧⌘K | Shift+Ctrl+' |