Emmet

emmet

介绍

前端开发利器,标签快速补全

安装

按Ctrl+Shift+P命令板
输入install然后选择install Package,然后输入emmet找到 Emmet,点击就可以自动完成安装。

补全

tab补全
例:a,然后tab

id 和 class

快速编写id和class

例: 
1. a#aherf 
2. a.aherf

子代 >

div>div

兄弟 +

div+div

父级 ^

a>a>a^div

分组 ()

div>(header>ul>li*2>a)+footer>p

重复 *

li*5

自增 $

ul>li.item$*5
h$[title=item$]{Header $}*3

[] {} 分别代表 属性、标签text?
ul>li.item$@3*5
ul>li.item$@-*5

多属性

div.class1.class2.class3

更多emmet介绍

posted @ 2017-09-03 11:06  逆倒尘光  阅读(167)  评论(0编辑  收藏  举报