VSCodeでimgタグのwidthとheightを自動入力・更新する方法を紹介します。
VSCodeは、簡単にimgタグのwidthとheightを自動入力することが出来ます。
VSCodeでimgタグのwidthとheightを自動入力・更新する
画像サイズを自動入力するまでの流れは下記です。
ショートカットで紹介します。
(windowsの場合は、CommondをCtrlに変えてください)
1つの画像サイズを追加・更新する
①追加・更新したい画像のimgタグにカーソルを移動
②「command + shift + p」
③「emmet: イメージ サイズの更新」を選択
これだけで、widthとheighが追加されます。
複数の画像サイズを追加・更新する
①「img src」をドラッグ
②「Commond + Shift + L」ですべて選択
③「command + shift + p」
④「emmet: イメージ サイズの更新」を選択
これで複数の画像のwidthとheightを一瞬で追加・更新することができます。
ABOUT ME