html5 webstorm 快捷鍵

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

往上移動: 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 + "/"  把選中的多行程式碼註釋掉,而不會多很多多餘的小東西出來