在webstorm中使用H5的快捷键

113 阅读 0 评论 75 点赞

我是靠谱客的博主现代刺猬，最近开发中收集的这篇文章主要介绍在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 + "/"  把选中的多行代码注释掉,而不会多很多多余的小东西出来
登录后复制

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

以上就是现代刺猬为你收集整理的在webstorm中使用H5的快捷键的全部内容，希望文章能够帮你解决在webstorm中使用H5的快捷键所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。