[익스텐션] Vscode 에서 태그명 변경 시 자동으로 닫힘 태그명까지 변경 (Auto Rename Tag)

Visual studio code의 확장 프로그램인 Extensions에는 정말 재미있고 유용한 기능들이 너무 많습니다. 그중에서 태그를 수정할 때 자동으로 닫힘 태그까지 수정해 주는 익스텐션이 있습니다.

Auto Rename Tag

HTML, XML, php 등 태그의 이름을 바꾸면 쌍을 이루는 닫힘 태그의 이름이 자동으로 바뀝니다.

설치하기

아래의 링크를 클릭하거나 익스텐션 메뉴에서 Auto Rename Tag를 검색 후 설치를 하면 됩니다.

Auto Rename Tag 바로가기

설정하기

▲ 먼저 파일 > 기본설정 > 설정 으로 설정창을 열어야 합니다.

▲ 좌측메뉴 중 확장 탭을 선택합니다.

1. Auto Rename Tag configuration을 선택합니다.
2. 이 익스텐션의 설정은 settings.json 에서만 할 수 있네요. settings.json에서 편집 파일명을 클릭 합니다.

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

settings.json 내용 중에서 auto-rename-tag.activationOnLanguage를 찾아 봅니다. 이곳에 지정된 언어명을 입력하면 해당 언어에 대해서만 작동을 합니다. 만약 ["*"]이렇게 입력을 하면 모든 언어에 대해서 작동을 합니다.

{
   "auto-rename-tag.activationOnLanguage": ["*"]
}