Using H5 shortcut keys in webstorm

This time I will bring you the shortcut keys for using H5 in webstorm. What are the precautions for using H5 shortcut keys in webstorm? The following is a practical case, let’s take a look.

Quickly move the selected code, move up and down

往上移动: Ctrl + shift + ⬆️ (方向键上)
往下移动: Ctrl + shift + ⬇️ (方向键下)

Quickly merge and expand the code (merge or expand a certain label)

Put the mouse cursor on the place that needs to be merged Or expand the position

合并: Ctrl + ➖
展开: Ctrl + ➕

Quickly merge and expand codes (merge or expand all selected tags)

Use the mouse to select multiple tags that need to be merged

合并: Ctrl + shift + ➖
展开: Ctrl + shift + ➕

Quickly start a new line

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

Add a label to the selected text

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

Enlarge/reduce the proportion of the web page

Ctrl + alt + 滚轮(上下)

intput Shortcut way to write labels

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

Set the class name for the label

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

Generate multiple labels of the same type with different class names

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

Label with content

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

Firework shortcut keys

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

Multi-line code comments

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

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website!

Recommended reading:

How to load HTMLString in iOS webView

html5 little knowledge that is easily overlooked

How to add a code block with prompt function

A few small exercises about regular expressions

The above is the detailed content of Using H5 shortcut keys in webstorm. For more information, please follow other related articles on the PHP Chinese website!