WebStorm技巧快捷键

WebStorm

1.自动注释和撤销注释：ctrl+/

在一句代码前面用 ctrl+/ 可以自动注释和撤销注释，js,html都可以，很好的省去了敲注释符的时间
（mac下为command+/,下同）

2.自动补全html标签

(1)想敲一对h1标签，只需要敲h1,按tab键，变回自动补全为：

<h1></h1>

(2)想输入带id的，只需要输入:div#abc,按Tab键，便会自动补全。

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

(3)想输入带class的，只需要输入:div.abc,按Tab键，便会自动补全。

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

(4)想输入一个div里有6个p标签，只需要输入:

div>p*3 ,按Tab键，便会自动补全为：

<div>
        <p></p>

        <p></p>

        <p></p>
</div>

（5）特定属性的标签的补全：

a[href=#] tab后：

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

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>

3.自动整理代码格式进行对齐

选中要整理的代码

windows：CTRL+ALT+L

Mac:command+option+L

4.大小写转化

有时候需要快速的把一段字母转成全大写或全小写，只需要使用：

Command（ctrl）+shift+U

5.全局查找

双击 shift

6.查找最近打开的文件

Ctrl + E