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 + "/" 把選中的多行程式碼註釋掉,而不會多很多多餘的小東西出來
相關文章
- Webstorm 常用快捷鍵WebORM
- Webstorm常用快捷鍵備忘(Webstorm入門指南)WebORM
- webstorm軟體的常用快捷鍵WebORM
- PhpStorm、WebStorm 及其他系列 IDE 快捷鍵PHPORMWebIDE
- HTML5編輯器WebStorm2022HTMLWebORM
- 快捷鍵 1-Windows 快捷鍵整理Windows
- 鍵盤快捷鍵
- 快捷鍵
- 【快捷鍵】—— 鍵盤篇
- cdr快捷鍵大全表格 cdr快捷鍵命令大全
- markdown 快捷鍵
- Linux快捷鍵Linux
- Vimplus 快捷鍵
- im快捷鍵
- Eclipse快捷鍵Eclipse
- IDEA - 快捷鍵Idea
- ideal 快捷鍵Idea
- IDEA快捷鍵Idea
- labview快捷鍵View
- phpstorm 快捷鍵PHPORM
- Pycharm 快捷鍵PyCharm
- MyEclipse快捷鍵Eclipse
- Resharper 快捷鍵
- 快捷鍵方式
- 快捷鍵整理
- zoomit 快捷鍵OOMMIT
- vs 快捷鍵
- vim快捷鍵
- uniapp快捷鍵APP
- 常用快捷鍵
- EditPlus快捷鍵
- matlab快捷鍵Matlab
- Excel快捷鍵大全:史上最全常用excel快捷鍵分享Excel
- Mac快捷鍵如何改鍵?Mac
- AutoTyper for Mac(鍵盤快捷鍵)Mac
- Ps快捷鍵常用表2022 photpshop實用快捷鍵大全
- cad剪下快捷鍵是什麼 cad剪下命令快捷鍵
- 控制檯快捷鍵
- iOS Xcode快捷鍵iOSXCode