Sublime text3 jQuery Emmet plugin installation method, shortcut key, jqueryemmet

Sublime text3 jQuery Emmet plugin installation method, shortcut key, jqueryemmet

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

JQuery first

JQuery integrates many JS complementing functions, such as appendChild.

Emmet

Shortcut Key

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

! Basic html format generated by tab

Table tab: Generate table labels.

A tab \ link tab to generate links and css links

Nav> ul> li generation:

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

Nav> ul> li * 5

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

Generation # 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

Pop-up: position: absolute;

p

Pop-up: padding :;

b/bo

bottom:;

backg/bg

background:;

bg+

bd

boarder

m

margin

m:a

margin:auto