在webstorm中使用H5的快捷键 webstorm快速生成html快捷键

 2022-10-21    340  

有的朋友可能对于“在webstorm中使用H5的快捷键 webstorm快速生成html快捷键”还有很多不明白的地方,下面由77ISP云服务器技术小编为大家讲解一下,下面我们来一起看看吧!

这次给大家带来在webstorm中使用H5的快捷键,在webstorm中使用H5快捷键的注意事项有哪些,下面就是实战案例,一起来看一下。

快速移动选种的代码,上下移动

在webstorm中使用H5的快捷键 webstorm快速生成html快捷键

往上移动: 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 + "/"  把选中的多行代码注释掉,而不会多很多多余的小东西出来

以上就是“在webstorm中使用H5的快捷键 webstorm快速生成html快捷键”的详细内容,更多请关注77isp云服务器技术网其它相关文章!

原文链接:https://77isp.com/post/3341.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。