在webstorm中使用H5的快捷键
导读:收集整理的这篇文章主要介绍了在webstorm中使用H5的快捷键,觉得挺不错的,现在分享给大家,也给大家做个参考。这次给大家带来在webstorm中使用H5的快捷键,在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的快捷键的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 在webstorm中使用H5的快捷键
本文地址: https://pptw.com/jishu/583837.html