![vscodeアイコン](https://dailyrecords.blog/wp-content/plugins/lazy-load/images/1x1.trans.gif)
VSCodeバージョン:1.52.0
本日はVSCodeのHTML作成時に実践で使えて作業スピードが大幅に上がる便利なショートカットをご紹介していきたいと思います。
たくさんあるので今回は私自身が実際に使用している、特に便利なものだけを厳選して13個ピックアップしてみたので参考にしてみてください(*^^)v
それではいってみましょう!
Menu
ショートカット13選
初期HTMLを作成
!+ Enter
一発でひな型のHTMLを作成してくれるので楽チンです\(^^)/
liタグ作成
ul>li
更に次のコピーを使えばliタグ5個が5秒で完成します。
行コピー
Shift + Alt + 上下
回数選択
Ctrl + D
押した回数分、選択してくれます。
一括選択
Ctrl + Shift + L
同じ文字を全選択してくれます。
上下一括選択
Ctrl + Alt + 上下
行移動
Alt + 上下
div classを作成
div.test → <div class = “test”></div>
div idを作成
div#aaa → <div id=”aaa”></div>
下に空白行を作成
Ctrl + Enter
上に空白行を作成
Ctrl + Shift + Enter
コメントアウト
Ctrl + /
インデントを一括調整
Shift + Alt + F
まとめ
非常に使い勝手のいいVSCodeですがショートカットも豊富で軽快に動作するので重宝できます。
今回ご紹介したショートカットを使用して作業効率がグーンっと上げてもらえたら幸いです(*^^)v
以上です!