好用的前端开发IDE:webstrom快捷键

以下是最常用的快捷键

查找
双下shift，快速查找。
shift+command+o快速进入某个文件。

代码格式化
ctl+alt+L：代码格式化（或者在菜单里：Code--Reformat Code）。
alt+shift+上下箭头，将一行代码上移或下移，选中一段代码也可以。

代码选择
alt+拖动鼠标，形成多行光标，按住esc键退出多行光标。按住alt不松手，可以选择多行。
command+鼠标滚轮，调整字体大小。
alt+上下键，层层选中和取消，根据元素父子关系来。
ctrl+G 选择相同的代码

Emmet
tab自动补全。>父子元素。+同级元素。^返回一级。*几个。()逻辑关系。
(div>ul>li*3)^^p+p

#id。.类。[]自定义属性。$递增符号，前面可以加-。{}中文的文字在标签内。
无意义文本补全：lorem+数字,不要和标签一起写。
div#AA.bb[data-type] div.item-$*5 lorem10
中间不要加空格，光标要在末尾。css属性缩写：数字-数字或数字

代码折叠
command+加号减号，代码折叠。
command+shift+加号减号，代码全部折叠，css、jquery也一样。

代码说明
选中代码f1说明

光标移动
command+alt+回车，在上面增加一行。
command+shift+回车，在下面增加一行。
ctrl+m可以移动到标签或函数最前面和最后面，把光标放在闭合标签的最开始和最后，尤其js找括号的时候。
command+alt+左右键，回到上一次光标所在位置或下一次的位置。
command+shift+delete可以到上一次编辑的文件位置。
command+e最近使用的文件。

其他
选中代码，alt+command+t 选择surround with <tag>可以将选中的代码被包裹。
comman+/快速注释和取消注释。
command+shift+v复制剪切板中的多个复制历史记录。
command+delete 删除当前行。

预览图片
img图片名称 按住F1可以预览图片。
按住shift，鼠标浮动在图片路径上方，也可以预览图片。
css颜色前面色块点击有色板。

重构
标签上，重命名 ctrl+t rename就可以重命名,js变量也可以。好多个地方，右键有排除和包含。所有重命名都可以这么改，联动。
或者直接选中标签，写名字即可。

错误提示
按f2就可以在跳准到下一个错误。
鼠标移动到错误的地方可以看到错误提示。
alt+回车 帮助
在设置里搜索insp，校验规则可以自己设置。