你可能不知道的webstrom快捷鍵

1、自動註釋和撤銷註釋：ctrl+/

在一句代碼前面用 ctrl+/ 可以自動註釋和撤銷註釋，js,html都可以，很好的省去了敲註釋符的時間

2、自動補全html標籤

我們知道在使用linux命令的時候按tab鍵有自動補全的功能，在很多編譯器裏也是，在webstorm中當你想敲一些html元素時，比如:

(1)想敲一對h1標籤，只需要敲h1,按tab鍵，變回自動補全爲：

<h1></h1>

(2)想輸入帶id的，如

<div id="abc"></div>

只需要輸入:div#abc,按Tab鍵，便會自動補全

(3)想輸入帶class的，如

<div class="abc"></div>

只需要輸入:div.abc,按Tab鍵，便會自動補全。

(4)想輸入一個div裏有6個p標籤,如

<div>
        <p></p>

        <p></p>

        <p></p>

        <p></p>

        <p></p>

        <p></p>
</div>

只需要輸入: div>p*6 ,按Tab鍵，便會自動補全爲：

(5)特定屬性的標籤的補全：

a[href=#]

tab後：

<a href="#"></a>

(6)、ul.menu>li*6>a[href=*#]{HTML}

tab後補全爲：

<ul class="menu">
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
</ul>