tools & libs/IDES

[vscode] emmet: !으로 생성된 템플릿의 lang 변경

  • -

이번 포스트에서는 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>

 

Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.