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, 批量修改值,按住鼠標中間滾動,拖動選擇範圍,如圖所示: