[vscode] html 확장자 인식 안될 때, html 자동완성 안될때 해결방법

VSCode를 사용하다보면 가끔 html 확장자 인식이 안되는 경우가 발생합니다.

확장자 인식이 안되면 html 자동완성 기능 또한 사용이 안되는 경우가 발생해 매우 불편합니다.

다음 사진과 같이 html이 인식이 안되면 보통 아이콘에서 부터 차이가 발생합니다.

vscode html 파일 인식 안된 경우

저도 가끔 이러면 불편해서 기록해서 남겨 놓았습니다.

이런 문제를 겪고 있다면 아래 순서에 따라 한 번 수행해보세요.

 

1. 설정으로 이동

왼쪽 아래에 톱니바퀴 누르기 -> 설정 또는 단축키 Ctrl + , 를 통해서

설정 화면으로 이동합니다.

 

2. file associations에 html 항목 추가

2-1. file associations 검색

설정 값 넣는 예시

 

2-2. 항목 추가 클릭

2-3. 항목에 *.html 을 넣고 값에 html을 넣고 추가

첫 칸에 *.html
두 번째 칸에 html 을 넣고 추가하면 됩니다.

 

3. 완료. 확장자 인식이 되는지 확인하기

이제는 아래와 같이 아이콘도 정상으로 돌아온 것을 확인할 수 있습니다.

정상적으로 vscode가 html확장자 인식을 성공하면

해당 언어의 자동완성기능도 정상적으로 돌아옵니다.

vscode html 확장자 인식 됨