在webstorm中使用H5的快捷键

企鹅博客
企鹅博客
企鹅博客
25193
文章
0
评论
2019年10月1日03:59:16 评论 238 views
广告也精彩

这次给大家带来在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 + "/"  把选中的多行代码注释掉,而不会多很多多余的小东西出来

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

推荐阅读:

iOS webView怎样加载HTMLString

html5容易被忽略的小知识

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

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

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

企鹅博客
  • 本文由 发表于 2019年10月1日03:59:16
  • 转载请务必保留本文链接:https://www.qieseo.com/352308.html
HTML5和Webkit实现树叶飘落动画 H5教程

HTML5和Webkit实现树叶飘落动画

HTML5和Webkit在一起会实现什么样的动画呢?本文给大家分享一段实例代码给大家介绍基于HTML5+Webkit实现树叶飘落动画效果,需要的朋友参考下吧,希望能帮组到大家。 实现如图所示的东西效果...
html5怎样做出图片转圈的动画效果 H5教程

html5怎样做出图片转圈的动画效果

这次给大家带来html5怎样做出图片转圈的动画效果,h5做出图片转圈的动画效果的注意事项有哪些,下面就是实战案例,一起来看一下。 <img src="images/circle.png" alt...
javascript - H5页面如何跟APP应用交互? php教程

javascript – H5页面如何跟APP应用交互?

做一个活动,在app里嵌入一个H5页面。 如何让用户点击H5页面上的按钮跳转到APP的另一个页面? 比如说点击H5页面上的充值按钮,跳转到充值界面,点击立即抢购按钮,跳转到商品页面。 H5与APP端是...
html5全新的网络格局 H5教程

html5全新的网络格局

自从HTML5诞生之后,就是开始建立了一个标准的原则,那就是所有的技术它必须是面向开放,并不能有专利的一个存在,在整个期间Opera捐献了css技术,而google的话则是给开发者提供了视频的webM...

发表评论