[CSS] 태그 자동 변경, 확장 프로그램 설치

VS code로 HTML 코드를 작성하다 태그를 변경해야 할 경우 뒤에 태그까지 일일이 변경해주어야 하는 번거로운 부분이 있다.

"Auto Rename Tag"는 이런 번거로운 부분을 해결해준다.

 

확장 프로그램 설치

1. Code 툴 내에서 적용 가능한 프로그램을 설치할 수 있는 확장 프로그램 마켓이 있다. 접근 방법은 단축키(Ctrl+Shift+X)또는 메뉴에서 클릭 가능하다.

 

2. "Auto Rename Tag"를 검색해주자.

 

3. "Auto Rename Tag" 검색 후, 설치를 눌러 준비를 완료해주자.

 

Rename Tag를 적용 후 태그를 변경하게 되면, 변경한 태그가 자동으로 변경되는 것을 볼 수 있다. 확장 프로그램 기능 사용을 원치 않거나, 제거하고 싶다면 다음과 같이 사용 안함 또는 제거해주면 된다.

 

Auto Rename 사용

https://youtu.be/vcN_o9E7ZeQ