脚本宝典收集整理的这篇文章主要介绍了在webstorm中使用H5的快捷键,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。这次给大家带来在webstorm中使用H5的快捷键,在webstorm中使用H5快捷键的注意事项有哪些,下面就是实战案例,一起来看一下。
快速移动选种的代码,上下移动
往上移动: Ctrl + shift + ⬆️ (方向键上) 往下移动: Ctrl + shift + ⬇️ (方向键下)@H_126_4@快速合并和展开代码 (合并或展开的是某一个标签)
把鼠标光标放在需要合并或展开的位置
合并: 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 + "/" 把选中的多行代码注释掉,而不会多很多多余的小东西出来相信看了本文案例你已经掌握了方法,更多精彩请关注脚本宝典其它相关文章!
推荐阅读:
html5容易被忽略的小知识
怎样添加带提示功能的代码块
关于正则表达式的几个小练习
以上就是在webstorm中使用H5的快捷键的详细内容,更多请关注脚本宝典其它相关文章!
脚本宝典总结
以上是脚本宝典为你收集整理的在webstorm中使用H5的快捷键全部内容,希望文章能够帮你解决在webstorm中使用H5的快捷键所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。