webstorm快捷键（都是常用的哦）

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

• js和html中，在一句代码前面用ctrl+/可以自动注释和撤销注释（mac下为command+/,下同）

2、自动补全HTML标签

在webstorm中，按tab键有自动补全的功能

先总结一下补全语法:（注意都是写完缩写按tab键，所以后面就省略了按tab键的步骤）

后代：>  缩写 ：nav>ul>li

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

兄弟：+  缩写：div+p+footer

<div></div>
<p></p>
<footer></footer>

上级：^ 缩写：p^div

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

乘法：* 缩写：ul>li*3

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

分组：()  缩写：div>(header>p*2)+footer

<div>
    <header>
        <p></p>
        <p></p>
    </header>
    <footer></footer>
</div>

自增符号：$  缩写：ul>li.item$*3

<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
</ul>

ID和类属性  缩写：div#header    div.header

<div id="header"></div>

<div class="header"></div>

文本：{}  缩写：a{donna}

<a href="">donna</a>

更多自动补全的方法请看：https://www.w3cplus.com/tools/emmet-cheat-sheet.html

自动整理代码格式进行对齐（格式化代码）

• windows:ctrl+alt+L
• mac:command+option+L

到指定行的代码：ctrl+G

减少/扩大缩进（可以在代码中减少行缩进）:shift+tab/tab

以单词作为边界跳光标位置：ctrl+←/→

查找：ctrl+F

替换：ctrl+R

指定目录内代码批量查找:ctrl+shift+F

指定目录内代码批量替换:ctrl+shift+R

全局查找：连按两次shift键

查找最近打开的文件：ctrl+E

大小写转换：ctrl+shift+U

复制当前行:ctrl+D

重新开始一行（无论光标在哪个位置）:shift+enter

进入代码编辑区域:esc

ctrl+shift+R