Emmet 简介

Emmet 简介

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/