ウェブストームでの H5 ショートカット キーの使用

今回はウェブストームで H5 を使用するためのショートカット キーについて説明します。ウェブストームで H5 ショートカット キーを使用する場合の注意点は何ですか? 以下は実際的なケースです。

選択したコードを素早く上下に移動します

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

コードを素早くマージして展開します(特定のタグをマージまたは展開します)

マージまたは展開する必要がある場所にマウスカーソルを置きます

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

素早くマージして展開しますコードを展開 (選択したすべてのタグを結合または展開)

マウスを使用して、結合する必要がある複数のタグを選択します

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

新しい行をすばやく開始

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

選択したテキストにタグを追加します

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

ウェブを拡大/縮小しますページスケール

Ctrl + alt + 滚轮(上下)

入力ラベルのショートカットメソッド

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

ラベルのクラス名を設定

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

異なるクラス名を持つ同じタイプの複数のラベルを生成

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

コンテンツ付きのラベル

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

花火のショートカットキー

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

複数行のコード コメント

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

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

iOS webView で HTMLString をロードする方法

見落とされやすい HTML5 のヒント

プロンプト付きのコード ブロックを追加する方法

正規表現に関するいくつかの事項ちょっとした運動

以上がウェブストームでの H5 ショートカット キーの使用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。