WebStorm快捷键

1 自动注释和撤销注释:ctrl+/html

在一句代码前面用 ctrl+/ 能够自动注释和撤销注释,js,html均可以,很好的省去了敲注释符的时间
(mac下为command+/,下同)linux

2 自动补全html标签web

咱们知道在使用linux命令的时候按tab键有自动补全的功能,在不少编译器里也是,在webstorm中当你想敲一些html元素时,好比:windows

(1)想敲一对h1标签,只须要敲h1,按tab键,变回自动补全为:webstorm

(2)想输入带id的,如函数

只须要输入:div#abc,按Tab键,便会自动补全。orm

(3)想输入带class的,如htm

只须要输入:div.abc,按Tab键,便会自动补全。blog

(4)想输入一个div里有6个p标签,只须要输入:
div>p*6 ,按Tab键,便会自动补全为:开发

(5)特定属性的标签的补全:

a[href=#]
1
tab后:


1
再如:

ul.menu>li*6>a[href=#]{HTML}
1
tab后补全为:

更多代码简写补全的技巧能够参考:
http://blog.wpjam.com/m/emmet-grammar/
http://www.w3cplus.com/tools/emmet-cheat-sheet.html
http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html

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

选中要整理的代码

windows:

CTRL+ALT+L

Mac

command+option+L

4 寻找代码片断

有时候咱们须要寻找一些特定的样式或函数,只须要右键要寻找的目录,选择 find in path,输入要寻找的内容,webstorm就会自动寻找全部包含该内容的文件了。

5 寻找代码定义位置

不少时候咱们想查找某个函数或者变量定位的位置,按住command(ctrl)键,点击要查找的内容,webstorm就会自动跳转到它定义的地方了,这个方法可以很好的提升开发和阅读代码的效率。

6 大小写转化

有时候须要快速的把一段字母转成全大写或全小写,只须要使用:

Command(ctrl)+shift+U

7 全局查找

双击 shift

8 查找最近打开的文件

Ctrl + E