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