Auto Rename Tag
HTML, XMLのタグ名を変更するときに一番困るのが、
開きタグと閉じタグのセットを両方忘れずに同じタグに変えること。
やり忘れるとたちまちエラーです。
今日は、そんな人間の頭の容量を使う作業を自動でしてくれる、
VSCodeの拡張機能、 Auto Rename Tagです。
htmltagwrap
「htmltagwrap」は選択範囲をHTMLタグで囲む拡張機能です。
単一選択と複数選択の両方に対応していて、複数選択の場合は選択したすべてのテキストに対して同じHTMLタグで一気に囲めます。
使い方は、テキストを選択したあとにAlt + Wを押すと、デフォルトでは
タグで囲まれて開始タグと終了タグの両方が選択状態になるので、そのままHTMLタグを入力すれば完了です。
Prettier – Code formatter
バラバラに書かれたコードを、自動的に綺麗にしてくれるプラグインです。
設定方法
設定方法については、
【自動整形】VSCodeでPrettierを使う方法【設定必要です】 | RalaCode
VSCode使っていて「空白とか改行とかいちいち調整するの面倒...」って思うことないですかね？「Prettier」というツールを使えば解決です。VSCodeでPrettierを使う方法を解説します。
ralacode.com
