VS Code 개발언어 모드 변경하기(html 이멧 Emmet)

가끔씩 html을 연습합니다. html의 기본적인 폼을 자동 입력해주는 이멧(Emmet) 기능을 이용하고 있었습니다. 이멧은 그 개발언어에 맞는 폼을 제공하기 때문에 이멧 기능을 사용하려면 개발언어가 정해져야 합니다. 그래서 한동안 텍스트 파일을 만들고 html로 확장자를 변경한 다음 VS Code로 열어 이멧을 활용했었습니다. 이번에 단축키를 보다가 개발언어 모드 변경하는 단축키를 알게 되어 이 과정이 간단해졌습니다. 사용법을 소개하겠습니다.

 

 

비쥬얼 스튜디오 코드에서 새 파일을 엽니다.

 

 

단축키 Ctrl+k, m입니다. 여기서 Ctrl+k를 누른 후 Ctrl을 누른 상태에서 m까지 누르면 실행이 안됩니다. Ctrl+k 누른 후 Ctrl을 떼고 m만 누르는 겁니다. 만약에 누른 상태에서 적용하는 것이라면 단축키는 Ctrl+k, Ctrl+m이 돼야 합니다. 별 것 아니지만 단축키 실행을 못했던 적이 있어서 작성했습니다.

 

 

첫 라인에 html이라고 입력하면 이멧약어 목록이 나옵니다. html:5를 선택합니다.

 

 

html의 기본적인 폼이 완성되었습니다.