Visual Studio Code에서 EJS에 html 자동완성 적용하기

Visual Studio Code 에서 EJS에 Emmet을 적용하는 방법에 대해 소개한다.

우선 급할때 쓰는 방법부터 먼저 ..

1. 급할때는 그냥 왼쪽 하단의 확장자를 HTML 으로 맞추면 된다.

2. Emmet에서 인식할 수 있는 확장자를 세팅한다.

우선 Code – Preferences – Settings 을 들어간다(아마 윈도우에서는 File을 찾으면 될 것이다)

이런 화면이 나타나게 되는데 Search Settings 에서 Emmet을 입력한다.

검색 결과에서 Emmet: Include Languages 라는 탭이 있다. 저기서 

Emmet: Include Languages 옆을 커서로 대면 톱니바퀴가 보이는데 톱니바퀴를 클릭하고 Copy Setting as JSON 을 클릭한다.

이후 아래의 Edit in settings.json 을 클릭하면 다음과 같이 나타난다.

맨 끝에 , 한번 입력해주고 아래에 붙여넣기 한다.

저기에 기본적인것은 다 적용이 되어있고, 다음과 같이 추가해준다.

JSON의 Key는 적용하고자 하는 확장자이고, Value는 형식이다.