본문 바로가기
반응형

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": ["*"]
}

UX 공작소

UX와 UI에 관해 내가 알게된 다양한 이야기를 공유해요~