在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:radio + tab >>> 

登录后复制

给标签设置类名

div.header + tab >>> 

登录后复制

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

div.box$*2  >>> 
                  

登录后复制

带内容的标签

span.box${我是内容}*3 >>> 生成如下代码: 我是内容我是内容我是内容

登录后复制

firework快捷键

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

登录后复制

多行代码注释

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

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

iOS webView怎样加载HTMLString

iOS webView怎样加载HTMLString

iOS webView怎样加载HTMLString

iOS webView怎样加载HTMLString

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3125007.html

(0)
上一篇 2025年3月29日 19:36:50
下一篇 2025年3月29日 19:37:02

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 如何使用H5的dataset

    这次给大家带来如何使用h5的dataset,使用h5的dataset的注意事项有哪些,下面就是实战案例,一起来看一下。      HTML5标准允许你在普通的元素标签里,嵌入类似data-*的注意事项,来实现一些简单数据的存取。它的数量不受…

    编程技术 2025年3月29日
    100
  • Html5实现APP中监听返回事件如何处理

    本文主要和大家介绍了html5 app中监听返回事件处理的方法示例的相关资料,希望能帮助到大家。在使用mui框架的时候,我们经常会用到一个头部带有.mui-action-back的class。                        …

    编程技术 2025年3月29日
    100
  • 微信html5页面如何调用第三方位置导航

    本文主要和大家介绍了微信html5页面调用第三方位置导航的示例的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助到大家。 需要准备的: 通过微信认证的公众号 有备案过的域名 背景:微信公众号点击菜单栏跳到h5页面,需…

    编程技术 2025年3月29日
    100
  • H5中APP监听返回事件处理

    这次给大家带来H5中APP监听返回事件处理,H5中APP监听返回事件处理的事件处理有哪些,下面就是实战案例,一起来看一下。 在使用MUI框架的时候,我们经常会用到一个头部带有.mui-action-back的class 货物查询 登录后复制…

    编程技术 2025年3月29日
    100
  • h5实现多图片预览上传及点击可拖拽控件

    这次给大家带来h5实现多图片预览上传及点击可拖拽控件,h5实现多图片预览上传及点击可拖拽控件的上传有哪些,下面就是实战案例,一起来看一下。 在做图片上传时发现一个蛮好用的控件,支持多张图片同时上传,可以点击选择图片,也可以将图片拖拽到上传框…

    2025年3月29日
    100
  • 微信的H5页面调用第三方位置导航

    这次给大家带来微信的H5页面调用第三方位置导航,微信H5页面调用第三方位置导航的导航有哪些,下面就是实战案例,一起来看一下。 微信h5页面拉起第三方导航应用 需要准备的: 通过微信认证的公众号 有备案过的域名 背景:微信公众号点击菜单栏跳到…

    编程技术 2025年3月29日
    100
  • 配置H5的滚动条样式

    这次给大家带来配置H5的滚动条样式的,配置H5的滚动条样式的注意事项有哪些,下面就是实战案例,一起来看一下。 本文介绍了配置H5的滚动条样式的示例代码,分享给大家,具体如下: /* 滚动条的滑轨背景颜色 */::-webkit-scroll…

    编程技术 2025年3月29日
    100
  • H5的div布局与table布局详解

    这次给大家带来H5的div布局与table布局详解,H5div布局与table布局的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例为大家解析了html5 p布局与table布局,供大家参考,具体内容如下 p布局:html+css…

    2025年3月29日
    100
  • 如何用H5实现拖放效果

    这次给大家带来如何用H5实现拖放效果,用H5实现拖放效果的注意事项有哪些,下面就是实战案例,一起来看一下。 拖放 拖放是一种常见的特性,即抓取对象以后拖到另一个位置。 在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。 Inter…

    编程技术 2025年3月29日
    100
  • H5的标签使用详解

    这次给大家带来h5的标签使用详解,使用h5标签的注意事项有哪些,下面就是实战案例,一起来看一下。 不允许写结束标记的标签:area(定义图像映射中的区域)、base(为页面上的所有链接规定默认地址或默认目标)、br、col(为表格中一个或多…

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论