WebStorm自动补全和常用快捷键

自动补全

（1）纯标签补全
例：输入h1,按Tab键，

<h1></h1>

（2）纯标签+地址“id”
例：输入h1#ccg,按Tab键，

<h1 id="ccg"></h1>

（3）纯标签+类“class”
例：输入h1.ccg,按Tab键，

<h1 class="ccg"></h1>

（4）标签+子标签+子标签个数
例：输入div>p*6,按Tab键，

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

（5）标签+类+子标签+子标签个数+子子标签+地址+}HTML}
例：输入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>

快捷键配置

点击“File”-> “settings”

默认配置的常用快捷键表

查找/替换 快捷键	说明
ctrl+shift+N	通过文件名快速查找工程内的文件
ctrl+shift+alt+N	通过一个字符快速查找位置
ctrl+F	在文件内快速查找代码
ctrl+R	文件内代码替换
ctrl+shift+R	指定目录内代码批量替换

界面操作 快捷键	说明
alt+[0-9]	快速拆合功能界面模块
ctrl+shift+F12	最大区域显示代码（会隐藏其他的功能界面模块）
ctrl+F4	关闭当前代码选项卡
ctrl + b	跳到变量申明处

代码编辑 快捷键	说明
ctrl+D	复制当前行
ctrl+alt+L	格式化代码
ctrl + X	剪切(删除)行，不选中，剪切整个行，如果选中部分内容则剪切选中的内容
shift+enter	重新开始一行（无论光标在哪个位置）
ctrl + /	单行注释
ctrl + shift + /	块注释
ctrl+shift+ up/down	上下移动句子
shift+enter	重新开始一行（无论光标在哪个位置）
shift+enter	重新开始一行（无论光标在哪个位置）
shift+enter	重新开始一行（无论光标在哪个位置）