Intro
什么是 Emmet？
Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow:
Emmet 是一个支持大多数流行文本编辑器的极大改善 html 和 css 的工作流的一个插件。
它能大幅提升你写 html/css 的效率。
Html Emmet 语法
element 元素
+ 兄弟节点
> 子节点
# id
. class
* 多个
^ 父级
() 分组
$ 自动编号
{} 文本
More
更多 Emmet 对 html 的支持语法可以看这里
CSS Emmet 语法
color 颜色
property 属性
unit 单位
! important
More
更多 Emmet 对 css 的支持语法可以看这里
Reference
- https://docs.emmet.io/abbreviations/syntax/
- https://docs.emmet.io/css-abbreviations/
- http://www.w3cplus.com/tools/emmet-cheat-sheet.html
- https://docs.emmet.io/cheat-sheet/