【Visual Studio Code】HTMLの終了タグを自動修正する

完成したコードを見直した時に、このタグを別のタグに置き換えたいと思ったことないでしょうか?しかし完成されたコードはアニメーション・複雑なデザインの影響でネストが深くなっていて、開始タグとペアの終了タグを見つけるのは手間がかかります。

そんなエンジニアにおすすめの拡張機能「Auto Rename Tag」は、HTMLの開始タグを別のタグに置き換えると終了タグも自動修正してくれます。

Auto Rename Tagをインストールする前
Auto Rename Tagをインストールした後
目次

Auto Rename Tag

HTMLの終了タグを自動修正するには、拡張機能の「Auto Rename Tag」をインストールします。

Auto Rename Tagのインストール
インストール手順
  1. 左下にあるテトリスのような形をしたアイコン(拡張機能)をクリック
  2. 検索フォームに「Auto Rename Tag」を入力
  3. 検索結果の一番上に表示される「Auto Rename Tag」をインストール

インストールしても終了タグが自動修正されない人は、再起動または再インストールを試してください。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次