这里总结了一些关于webstorm开发工具的快捷键和使用技巧,希望对你有所帮助 0~0
在一句代码前面用 ctrl+/ 可以自动注释和撤销注释,js,html都可以,很好的省去了敲注释符的时间
(mac下为command+/,下同)
我们知道在使用linux命令的时候按tab键有自动补全的功能,在很多编译器里也是,在webstorm中当你想敲一些html元素时,比如:
(1)想敲一对h1标签,只需要敲h1,按tab键,变回自动补全为:
<h1>h1>
(2)想输入带id的,如:
<div id="abc">div>
只需要输入:div#abc,按Tab键,便会自动补全。
(3)想输入带class的,如:
<div class="abc">div>
只需要输入:div.abc,按Tab键,便会自动补全。
(4)想输入一个div里有6个p标签,只需要输入: div>p*6 ,按Tab键,便会自动补全为:
<div>
<p>p>
<p>p>
<p>p>
<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="#">HTMLa>li>
<li><a href="#">HTMLa>li>
<li><a href="#">HTMLa>li>
<li><a href="#">HTMLa>li>
<li><a href="#">HTMLa>li>
<li><a href="#">HTMLa>li>
ul>
又如:
input[value=6 placehoder=此刻的想法...]
tab后补全为:
type="text" value="6" placehoder="此刻的想法...">
选中要整理的代码
windows:
CTRL+ALT+L
Mac:
command+option+L
有时候我们需要寻找一些特定的样式或函数,只需要右键要寻找的目录,选择 find in path,输入要寻找的内容,webstorm就会自动寻找所有包含该内容的文件了。
很多时候我们想查找某个函数或者变量定位的位置,按住command(ctrl)键,点击要查找的内容,webstorm就会自动跳转到它定义的地方了,这个方法能够很好的提高开发和阅读代码的效率。
有时候需要快速的把一段字母转成全大写或全小写,只需要使用:
Command(ctrl)+shift+U
双击 shift 键
Ctrl + E
Ctrl + Shift + Alt +鼠标左键点击