ツール PR

VSCodeでimgタグのwidthとheightを自動入力・更新する

記事内に商品プロモーションを含む場合があります

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
シラツキ
当ブログは同人サークル「にんじんみるく」のシラツキが運営する個人ブログです。 同人誌即売会の情報やネタ、技術的な内容など様々なコンテンツを配信しています。 普段はwebサイト作ってる人インターネッツお絵かきマン。 Webサイトの制作、ECサイトの運営、ブログ、イラスト制作など色々やってます。 個人でWeb技術ブログ、趣味のブログ、YouTube活動中。

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)