이번 포스트에서는 vscode에서 emmet이 작성해주는 태그를 수정하는 방법에 대해 살펴보자.
기본적으로 설정들은 F1 > Preferences: Open Settings(UI)에서 emmet으로 검색한 후 설정을 수정하면 된다.
!으로 생성된 템플릿의 lang 변경
!를 사용하면 기본적인 html 템플릿을 작성해주는데 여기 사용된 lang이 en이다. 이 녀석을 ko로 변경해보자. 기본적으로 emmet은 추가로 설정된 내용이 없으면 default를 사용하게 되는데 default lang의 값이 en이다.
이를 변경하기 위해서는 맨 하단에 Emmet:Variables를 찾아서 [Add Item] 클릭 후 lang item의 값을 ko로 지정해주면 된다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="~~~">
<meta name="viewport" content=~~~">
<title>Document</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="~~~">
<meta name="viewport" content=~~~">
<title>Document</title>
</head>
<body>
</body>
</html>