Verwenden von H5-Tastenkombinationen in Webstorm

Dieses Mal bringe ich Ihnen die Tastenkombinationen für die Verwendung von H5 in Webstorm. Was sind die Vorsichtsmaßnahmen für die Verwendung von H5-Tastenkombinationen in Webstorm? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Verschieben Sie den ausgewählten Code schnell, bewegen Sie ihn nach oben und unten

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

Führen Sie den Code schnell zusammen und erweitern Sie ihn (einen bestimmten Tag zusammenführen oder erweitern)

Setzen Sie den Mauszeiger auf Positionen, die zusammengeführt oder erweitert werden müssen

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

Codes schnell zusammenführen und erweitern (alle ausgewählten Tags zusammenführen oder erweitern)

Mit der Maus mehrere Tags auswählen, die zusammengeführt werden müssen zusammengeführt

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

Schnell eine neue Zeile beginnen

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

Eine Beschriftung zum ausgewählten Text hinzufügen

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

Das Webseitenverhältnis vergrößern/verkleinern

Ctrl + alt + 滚轮(上下)

Verknüpfung zur Eingabebeschriftung

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

Legen Sie einen Klassennamen für die Beschriftung fest

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

Generieren Sie mehrere Beschriftungen von derselbe Typ mit unterschiedlichen Klassennamen

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

Tag mit Inhalt

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

Feuerwerk-Tastenkombination

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

Mehrzeiliger Codekommentar

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

Ob Sie es glauben oder nicht: Nachdem Sie den Fall in diesem Artikel gelesen haben, beherrschen Sie die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So laden Sie HTMLString in iOS webView

Tipps zu HTML5, die leicht übersehen werden

So fügen Sie einen Codeblock mit Prompt-Funktion hinzu

Ein paar kleine Übungen zu regulären Ausdrücken

Das obige ist der detaillierte Inhalt vonVerwenden von H5-Tastenkombinationen in Webstorm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!