webstorm中使用H5快捷鍵的注意事項(xiàng)有哪些

webstorm中使用H5快捷鍵的注意事項(xiàng)有哪些？很多人都不太了解，今天小編為了讓大家更加了解webstorm中使用H5快捷鍵的注意事項(xiàng)，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧

快速移動(dòng)選種的代碼,上下移動(dòng)

往上移動(dòng): Ctrl + shift + ?? (方向鍵上)
往下移動(dòng): Ctrl + shift + ?? (方向鍵下)

快速合并和展開代碼 (合并或展開的是某一個(gè)標(biāo)簽)

把鼠標(biāo)光標(biāo)放在需要合并或展開的位置

合并: Ctrl + ?
展開: Ctrl + ?

快速合并和展開代碼 (合并或展開選中的所有標(biāo)簽)

用鼠標(biāo)把需要合并的多個(gè)標(biāo)簽選中

合并: Ctrl + shift + ?
展開: Ctrl + shift + ?

快速新起一行

當(dāng)鼠標(biāo)的光標(biāo)在某一行的中間時(shí),shift + enter 快速新起一行shift + enter

給選中的文字添加標(biāo)簽

Ctrl + alt + t     mac電腦:option + command + t

放大/縮小網(wǎng)頁比例

Ctrl + alt + 滾輪(上下)

intput 標(biāo)簽快捷寫法

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

給標(biāo)簽設(shè)置類名

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

生成多個(gè)相同類型不同類名的 標(biāo)簽

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

帶內(nèi)容的標(biāo)簽

span.box${我是內(nèi)容}*3 >>> 生成如下代碼: <span class="box1">我是內(nèi)容</span><span class="box2">我是內(nèi)容</span><span class="box3">我是內(nèi)容</span>

firework快捷鍵

Ctrl + alt + 滾輪 : 放大/縮小圖片
Ctrl + 滾輪: 也可以放大/小圖片

多行代碼注釋

Ctrl + shift + "/"  把選中的多行代碼注釋掉,而不會(huì)多很多多余的小東西出來

以上就是webstorm中使用H5快捷鍵的注意事項(xiàng)有哪些的詳細(xì)內(nèi)容了，看完之后是否有所收獲呢？如果想了解更多相關(guān)內(nèi)容，歡迎來億速云行業(yè)資訊！