Emmet 插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Emmet 插件相关的知识,希望对你有一定的参考价值。

Emmet

使用方法:Tab键

语法

后代:>

写法:nav>ul>li

兄弟:+

写法:div+h1+p

上级:^(可多次使用)

写法:div>h1+p^div

分组:()

写法:div>(ul>li>a)+footer>p

乘法:*

写法:ul>li*5

自增符号:$(可多次使用) @- num

写法:ul>li.item$*5  ul>[email protected]*5

id、类属性:#、.

写法:div#header  div.title.name

自定义属性:[]

写法:p[title="hello word"]

文本:{}

写法:a{click me}

隐式标签:.class  em>.class  ul>.class  table>.row>.col

html:a  a:link  form:get  link:css

以上是关于Emmet 插件的主要内容,如果未能解决你的问题,请参考以下文章

Sublime text3 插件安装问题(最新最容易的添加Emmet插件方法)

Eclipse离线安装Emmet插件

SublimeText插件Emmet的自定义模板

Emmet插件的使用

emmet插件快捷键:

前端的插件Emmet语法使用教程