sublime text3 jQuery Emmet 插件 安装方法,快捷键

preference->package control->install package> emmet / jQuery

先说jQuery

jQuery 集成了不少JS的补全功能.例如appendChild, 它会有.

Emmet

快捷键

http://docs.emmet.io/cheat-sheet/

! tab 生成html基本格式

table tab 生成table的标签

a tab \ link tab  生成连接, 和css 连接

nav>ul>li 生成:

<nav>
    <ul>
        <li></li>
    </ul>
</nav>

nav>ul>li*5

<nav>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</nav>

生成#id. class

div#header

<div id="header"></div>

span.abc

<span class="abc"></span>

span.abc.def

<span class="abc def"></span>

CSS

po/ pos

弹出:position:relative;

poa/ pos:a;/posa

弹出: position:absolute;

p

弹出:padding:;

b/bo

bottom:;

backg/bg

background:;

bg+

bd

boarder

m

margin

m:a

margin:auto