VSCode에서 Emmet 이 동작하지 않는다.

VSCode를 잘 쓰다가 어디서 에밋? (발음이 Emmet 맞나 모르겠다) 이거를 알게 되서 해보려 했는데 안되었다 =.=
이상하게 뭔가 항상 인터넷에서 도는건 내 개발환경에서 안된다.

개발을 하지 말라는 게시인가…
무튼 나와 비슷한 상황의 사람들을 위해 남겨본다.

1. VSCode에서 설정을 연다. (Mac 기준 Cmd + ,)
2. 거기서 왼쪽 메뉴에서 확장(Extensions) 안에서 HTML을 선택하여 HTML › Format: Unformatted 항목의 settings.json에서 편집 항목을 선택한다.
3. 설정 항목이 열리는데 맨 마지막 쯔음 아래 항목을 추가해준다.

{
  ....
    "emmet.triggerExpansionOnTab": true,
    "files.associations": {"*html": "html"}
}

1. 다 되면 테스트 해본다.

위 사진처럼 html 파일 하나 만들고 ! 입력 후 tab해보면 위와 같이 뜨면 제대로 동작하는 것이다.

참고

참고 사이트