0
点赞
收藏
分享

微信扫一扫

webstorm快捷键(都是常用的哦)


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

  • js和html中,在一句代码前面用ctrl+/可以自动注释和撤销注释(mac下为command+/,下同)

2、自动补全HTML标签

在webstorm中,按tab键有自动补全的功能

先总结一下补全语法:(注意都是写完缩写按tab键,所以后面就省略了按tab键的步骤)

后代:>  缩写 :nav>ul>li

<nav>
<ul>
<li></li>
</ul>
</nav>

兄弟:+  缩写:div+p+footer

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

上级:^ 缩写:p^div

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


乘法:* 缩写:ul>li*3

<ul>
<li></li>
<li></li>
<li></li>
</ul>


分组:()  缩写:div>(header>p*2)+footer

<div>
<header>
<p></p>
<p></p>
</header>
<footer></footer>
</div>

自增符号:$  缩写:ul>li.item$*3

<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
</ul>


ID和类属性  缩写:div#header    div.header

<div id="header"></div>

<div class="header"></div>

文本:{}  缩写:a{donna}

<a href="">donna</a>

更多自动补全的方法请看:​​https://www.w3cplus.com/tools/emmet-cheat-sheet.html​​

自动整理代码格式进行对齐(格式化代码)

  • windows:ctrl+alt+L
  • mac:command+option+L

到指定行的代码:ctrl+G

减少/扩大缩进(可以在代码中减少行缩进):shift+tab/tab

以单词作为边界跳光标位置:ctrl+←/→

查找:ctrl+F

替换:ctrl+R

指定目录内代码批量查找:ctrl+shift+F

指定目录内代码批量替换:ctrl+shift+R

全局查找:连按两次shift键

查找最近打开的文件:ctrl+E

大小写转换:ctrl+shift+U

复制当前行:ctrl+D

重新开始一行(无论光标在哪个位置):shift+enter

进入代码编辑区域:esc


ctrl+shift+R

举报

相关推荐

0 条评论