在webstorm中使用H5的快捷键-木庄网络博客

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

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

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

1 2	`往上移动: Ctrl + shift + ?? (方向键上)` `往下移动: Ctrl + shift + ?? (方向键下)`

快速合并和展开代码 (合并或展开的是某一个标签)

把鼠标光标放在需要合并或展开的位置

1 2	`合并: Ctrl + ?` `展开: Ctrl + ?`

快速合并和展开代码 (合并或展开选中的所有标签)

用鼠标把需要合并的多个标签选中

1 2	`合并: Ctrl + shift + ?` `展开: Ctrl + shift + ?`

快速新起一行

1	`当鼠标的光标在某一行的中间时,shift + enter 快速新起一行shift + enter`

给选中的文字添加标签

1	`Ctrl + alt + t mac电脑:option + command + t`

放大/缩小网页比例

1	`Ctrl + alt + 滚轮(上下)`

intput 标签快捷写法

1	`input:password + tab >>> <input type="password"` `name=""` `id="">input:radio + tab >>> <input type="radio"` `name=""` `id="">`

给标签设置类名

1	`div.header + tab >>> <div` `class="header"></div>`

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

1 2	`div.box$*2 >>> <div` `class="box1"></div>` `<div` `class="box2"></div>`

带内容的标签

1	`span.box${我是内容}*3 >>> 生成如下代码: <span` `class="box1">我是内容</span><span` `class="box2">我是内容</span><span` `class="box3">我是内容</span>`

firework快捷键

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

多行代码注释

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

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者