blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

VS Codeで画像のwidth/heightを自動入力する方法

Pocket

Visual Studio Codeで画像のwidth/heightを自動入力するには、以下のようにします。

Command + shift + p
Updateで検索し、Emmet Update Image Sizeの右端にある設定アイコン(Configure Keybinding)をクリック
左端にある、鉛筆アイコン(Change Keybinding)をクリック
F16を打ち、Enter(option + shift + iを打ち、Enter)
*ショートカットは任意のものでOK

こうすることで、imgタグにカーソルがある状態でoption + shift + iを押すと、自動でwidth/heightが入力(アップデート)されます


Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43