Visual Studio Code | タグ名の変更時に閉じタグの名前を自動補完する拡張機能「Auto Rename Tag」

2022-07-16Visual Studio Code 拡張機能,Visual Studio Code

Visual Studio Code

Visual Studio Code(VSCode)の拡張機能、タグ名の変更時に閉じタグの名前を自動補完する事が可能になる「Auto Rename Tag」の使い方を紹介しています。

確認環境

Windows10 デスクトップPC
Visual Studio Code バージョン 1.68
Auto Rename Tag バージョン 1.10

Auto Rename Tagのインストール

「Auto Rename Tag」は拡張機能の検索で「auto」と検索すれば上位に表示されます。

インストール後、他の拡張機能や特別な設定は必要はなく、そのまま利用可能になります。

Auto Rename Tagの基本的な操作と使い方

「Auto Rename Tag」の基本的な操作を紹介しています。

  • 開始タグ、終了タグの名前を編集すると相互に自動補完します。
Auto Rename Tag
Auto Rename Tag

Auto Rename Tagのショートカットキー

「Auto Rename Tag」にはショートカットキーは用意されていません。

Auto Rename Tagのコマンド

「Auto Rename Tag」にはコマンドは用意されていません。

Auto Rename Tagのオプション設定

「Auto Rename Tag」にはオプション設定が用意されています。

auto-rename-tag.activationOnLanguage

この拡張機能を有効にする言語を指定します。

デフォルトでは全ての言語が定されています。

{
  "auto-rename-tag.activationOnLanguage": ["html", "xml", "php", "javascript"]
}

デフォルトではtrueが設定されています。

デフォルトではtrueが設定されています。

デフォルトではtrueが設定されています。

デフォルトではtrueが設定されています。

2022-07-16Visual Studio Code 拡張機能,Visual Studio Code

Posted by Yousuke.U