WebStorm快速输入

WebStorm快速输入

下文+tab表示光标输入内容后按tab键，每个示例可以相互组合使用

一、快速输入标签

（一）快速输入基本标签

div+tab

<div></div>

（二）快速输入带内容标签

p{这是内容}

<p>这是内容</p>

（三）快速输入多个标签

span+p+tab

<span></span>
<p></p>

（四）快速输入嵌套标签

ul>li+tab

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

二、快速输入标签带属性

（一）快速输入带类名标签

div.class_name+tab

<div class="class_name"></div>

（二）快速输入带ID标签

div#id_name+tab

<div id="id_name"></div>

（三）快速输入带属性标签

img[src=“logo.png”,alt=""]+tab

<img src="logo.png" alt="">

三、批量生成

（一）批量生成标签

div*2+tab

<div></div>
<div></div>

（二）批量生成嵌套标签

ul*2>li*2

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