atom - Emmet插件使用,代码快速填写

Posted AiTing on the way

tags:

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

参考转载:http://www.hangge.com/blog/cache/detail_1537.html

 

用法:

  输入:ul>li*6    接着按:tab键

 

常用语法:

  1.后代>:nav>ul>li

  2.兄弟+:div+p+span

  3.上级^:div+div>p>span+em^^bq

  4.分组():div>(header>ul>li*2>a)+footer>p

  5.乘法*:ul>li*5

  7.ID和类属性#/.:#header/.title

  8.文本{}:a{Click me}

 

HTML标签语法:

  1.未知缩写转为标签:hangge

  2.基本html标签:

    !:生成html模板

    a:<a href=""></a>

    a:link:<a href="http://"></a>

  更多见头部链接

 

以上是关于atom - Emmet插件使用,代码快速填写的主要内容,如果未能解决你的问题,请参考以下文章

Atom相关资料整理

8 个常用的 Atom 插件

Emmet使用详解

插件Emmet 快速编写代码

Emmet:HTML/CSS代码快速编写神器

emmet插件快捷键: