VSCode 에디터 .tpl 확장자 인식방법(코드 확장자 인식방법)

 

.tpl 파일로 작업을 하는데,

VSCode가 따로 확장자 인식을 하지 못해서 text와 같이 취급이되는 경우가 불편해서 찾아보게 되었습니다.

 

인식하지 못하는 상태의 .tpl 파일 상태

 

오픈한 파일만 html 코드스타일로 확인하기

1.VSCode 우측 하단 바에서 Plain Text 클릭

 

2.박스에서 HTML 클릭

 

 

전체 파일에서 html 코드스타일로 확인하기

1. 세팅을 열어줍니다. 

File > Preferences > Settings 또는 단축키 Ctrl + ,

 

2. file associations 검색 후 Edit in Settings.json 클릭

 

3. file.associations 값 입력

*.tpl 로 입력한 것은 모든 .tpl 확장자를 가진 파일을 html과 같이 인식하라고 설정하는 부분입니다.

 

 

결과

위의 두가지 경우 모두 HTML 코드 하이라이팅 스타일로 확인 할 수 있습니다.

다른 확장자 역시 같은 과정으로 설정해주면됩니다.