VSCodeで選択範囲をHTMLタグで囲むショートカットキーの設定

IT・プログラミング

今回は、VSCodeのショートカットを使って、
選択部分のHTMLタグを挿入する方法を紹介します。

ショートカットキー登録

まずは、VSCodeのFile > Preferences > Keyboard ShortCutsを開きます。

キーボード設定

すると、検索画面が出てくるので、
emmet wrapと検索します。
emmet wrap

Emmet: Wrap with Abbreviationが表示されます。
これをダブルクリックすると、ショートカット登録画面になります。
登録したいキーを押して、最後にEnterを押します。

ショートカット登録

実際の使い方

使うには、VSCodeで囲みたいテキストを選択して、ショートカットを押すと、
上部にタグを入力する画面になるので、ここにタグを入力します。
要素を囲む

タイトルとURLをコピーしました