webstorm快捷键（都是常用的哦）

灰太狼 2022-05-27 12:26 314阅读 0赞

自动注释和撤销注释：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][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

<table style="width:780px;color:rgb(69,69,69);background-color:rgb(255,255,255);"> 
 <tbody> 
  <tr style="background-color:rgb(247,247,247);"> 
   <td><span style="font-family:'Microsoft YaHei';font-size:16px;">ctrl+shift+R</span></td> 
  </tr> 
 </tbody> 
</table>

[https_www.w3cplus.com_tools_emmet-cheat-sheet.html]: https://www.w3cplus.com/tools/emmet-cheat-sheet.html

发表评论取消回复

表情：

评论列表（有 0 条评论，314人围观）

还没有评论，来说两句吧...

相关阅读

相关 webstorm快捷键

https://blog.jetbrains.com/webstorm/2015/06/10-webstorm-shortcuts-you-need-to-know/

￡神魔★判官ぃ/ 2024年02月17日 17:49/ 0 赞/ 14 阅读

相关 webstorm,idea,goland ：格式化代码的快捷键【全网详细】；webstorm,idea,goland ：常用的快捷键【全网详细】

文章目录 1. 文章引言 2. 格式化代码 3. 解决快捷键冲突的问题 4. 其他常用的快捷键 1. 文章引言我们使用`webst

Myth丶恋晨/ 2023年09月25日 15:51/ 0 赞/ 109 阅读

相关 Webstorm快捷键

下面是Webstorm的一些常用快捷键：与行有关 Shift+Enter 添加行 Ctrl+Enter 添加行，光标不动 Ctrl+Alt+Enter向上添加行

向右看齐/ 2022年12月06日 12:37/ 0 赞/ 209 阅读

相关 webStorm的一些快捷键

1. 重新打开关闭的编辑页面 Windows: Ctrl + Shift + T Mac: command + Shift + T 2. 删除上一

太过爱你忘了你带给我的痛/ 2022年09月03日 07:27/ 0 赞/ 241 阅读

相关 WebStorm快捷键

webstorm比较实用的快捷键： <table style="border-width:1px 1px 3px; border-style:solid; bord

矫情吗；*/ 2022年06月13日 13:23/ 0 赞/ 353 阅读

相关 webstorm快捷键

格式化代码 Ctrl+Alt+l 设置风格 file->settings->appearance 选中加引号 file->setting->editer->genner

╰半夏微凉°/ 2022年06月06日 10:52/ 0 赞/ 320 阅读

相关 webstorm快捷键（都是常用的哦）

自动注释和撤销注释：ctrl+/ js和html中，在一句代码前面用ctrl+/可以自动注释和撤销注释（mac下为command+/,下同） 2、自动补全HTML标签

灰太狼/ 2022年05月27日 12:26/ 0 赞/ 315 阅读

相关 Webstorm快捷键

Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/\…\/ ） Shift+F6 重构-重命名 Ctrl+X 删除行 Ctrl+D 复制行 Ctrl+G 查

逃离我推掉我的手/ 2022年05月18日 08:39/ 0 赞/ 307 阅读

相关 Webstorm的一些常用快捷键：

1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。 2. ctrl + j: 输出模板 3. ctrl + b: 跳到变量

怼烎@/ 2022年04月17日 00:15/ 0 赞/ 298 阅读

相关 Webstorm的一些常用快捷键

Webstorm的一些常用快捷键下面是Webstorm的一些常用快捷键： 1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的

客官°小女子只卖身不卖艺/ 2021年12月17日 18:09/ 0 赞/ 270 阅读