Visual Studio Code - HTML 기본 양식 자동 세팅, HTML lang 한국어 자동 설정 방법

 

HTML 기본 양식 자동 세팅하기

HTML 파일 만들기

• EXPLORER에서 마우스 우클릭 - New File

 

• html 파일 생성

---

기본 양식 자동 세팅하기

• 생성한 html 파일 열기
• 느낌표 + 탭(Tab) 키 입력

 

• 자동으로 양식이 세팅된 화면

---

HTML 설정 언어를 한국어로 변경하기

html lang="en"

• 기본 세팅된 HTML은 언어가 영어로 되어 있으며 매번 "ko"로 변경해주기 번거로움

---

Visual Studio Code 설정 변경하기

• 메뉴의 File - Preferences - Settings

 

• 필터에 'emmet: variables' 입력 - Add Item

 

• Value의 값을 'ko'로 변경 - OK

---

lang ko 설정 확인

• html 파일의 내용을 지우고 느낌표(!) + 탭(Tab) 키 입력

• 정상적으로 html lang이 'ko'로 변경되었음을 확인

---

참고

Code wave님 블로그 - [VSCode] html 기본 양식 세팅하는 방법

UsingU - [VSCode] Emmet HTML5 lang=en을 lang=ko로 변경