Tips

2020.04.27

VSCodeのAuto Rename Tagで閉じタグも自動変更

VSCodeのAuto Rename Tagで閉じタグも自動変更

概要

HTML, XMLのタグ名を変更するときに一番困るのが、
開きタグと閉じタグのセットを両方忘れずに同じタグに変えること。
やり忘れるとたちまちエラーです。

今日は、そんな人間の頭の容量を使う作業を自動でしてくれる、
VSCodeの拡張機能、
Auto Rename Tagをご紹介します。

実演

ない場合

開きタグを変更しても閉じタグはもとのままです。

ある場合

開きタグを変更すると閉じタグも自動的に変更されます。

導入法

VSCodeの拡張機能アイコンをクリック

Auto Rename Tagを検索

インストール

HTML・CSSリファレンス 連載はこちら!

HTML・CSSリファレンス 連載目次

Recent News

Recent Tips

Tag Search