webstorm自动补齐快捷键

快捷键tab 自动补全代码在webstorm IDEA sublime等开发工具下适用.

1, div + tab 自动补全成:

<div></div>

2, div#menu.test + tab #后面会补全成id, .后面会补全成class自动补全成:

<div id="menu" class="test"></div>

3, div#menu.test>p*6 + tab >表示子元素,*后面跟元素个数:

<div id="menu" class="test">
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
</div>

4, a[href=www.baidu.com]{百度一下} + tab,补全成:

<a href="www.baidu.com">百度一下</a>

5, 批量修改值,按住鼠标中间滚动,拖动选择范围,如图所示: