在webstorm中使用H5的快捷鍵

這次帶給大家在webstorm中使用H5的快捷鍵，在webstorm中使用H5快捷鍵的注意事項有哪些，下面就是實戰案例，一起來看一下。

快速移動選種的程式碼,上下移動

往上移动: 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 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>

# firework快捷鍵

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

多行程式碼註解

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

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

iOS webView怎麼樣載入HTMLString

#html5容易被忽略的小知識

怎麼加入帶有提示功能的程式碼區塊

#關於正規表示式的幾個小練習

###### #

以上是在webstorm中使用H5的快捷鍵的詳細內容。更多資訊請關注PHP中文網其他相關文章！