教程集 > 前端编程 > HTML5教程 > 正文在webstorm中使用H5的快捷键

在webstorm中使用H5的快捷键

发布时间：2020-06-21 编辑：jiaochengji.com

教程集为您提供在webstorm中使用H5的快捷键等资源，欢迎您收藏本站，我们将为您提供最新的在webstorm中使用H5的快捷键资源

这次给大家带来在webstorm中使用H5的快捷键，在webstorm中使用H5快捷键的注意事项有哪些，下面就是实战案例，一起来看一下。

快速移动选种的代码,上下移动

往上移动: Ctrl   shift   ⬆️ (方向键上)
往下移动: Ctrl   shift   ⬇️ (方向键下)

快速合并和展开代码 (合并或展开的是某一个标签)

把鼠标光标放在需要合并或展开的位置

合并: Ctrl   ➖
展开: Ctrl   ➕

快速合并和展开代码 (合并或展开选中的所有标签)

用鼠标把需要合并的多个标签选中

合并: Ctrl   shift   ➖
展开: Ctrl   shift   ➕

快速新起一行

当鼠标的光标在某一行的中间时,shift   enter 快速新起一行shift   enter

给选中的文字添加标签

Ctrl   alt   t     mac电脑:option   command   t

放大/缩小网页比例

Ctrl   alt   滚轮(上下)

intput 标签快捷写法

input:password   tab >>> <input type="password" name="" id="">input:radio   tab >>> <input type="radio" name="" id="">

给标签设置类名

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

生成多个相同类型不同类名的标签

div.box$*2  >>> <div class="box1"></div>
                  <div class="box2"></div>

带内容的标签

span.box${我是内容}*3 >>> 生成如下代码: <span class="box1">我是内容</span><span class="box2">我是内容</span><span class="box3">我是内容</span>

firework快捷键

Ctrl   alt   滚轮 : 放大/缩小图片
Ctrl   滚轮: 也可以放大/小图片

多行代码注释

Ctrl   shift   "/"  把选中的多行代码注释掉,而不会多很多多余的小东西出来

相信看了本文案例你已经掌握了方法，更多精彩请关注教程集其它相关文章！

推荐阅读：

iOS webView怎样加载HTMLString

html5容易被忽略的小知识

怎样添加带提示功能的代码块

关于正则表达式的几个小练习

以上就是在webstorm中使用H5的快捷键的详细内容，更多请关注教程集其它相关文章！

-->

本文原创发布教程集，转载请注明出处，感谢您的尊重！

上一篇：你不知道的CSS使用技巧下一篇：iOS webView怎样加载HTMLString

[关闭]