본문 바로가기

별걸다하는 IT/개발환경 세팅&TIPS

[VS Code 설정] 지원하지 않는 확장자 파일 (.pc, .html etc) 코드 하이라이트 인식 가능하게 설정에 추가하는 법 (확장자인식 실패 해결)

안녕하세요 양햄찌블로그 주인장입니다.

보통 작업하다보면, 여러 확장자의 파일을 사용하게끔 되는데요,

Visual Studio Code의 경우 어떤 특정 파일들은 지원하지 않아서, 파일을 보기가 힘듭니당. ㅎㅎ

 

예시로 proc 파일 하나를 만들어보겠습니다.

임의로 test.pc만듬 

자 프로씨 파일이 있어요. 으아!! 백색글자밖에 안보이고 기존 이쁜 하이라이팅 같은 것들이 안먹혔네요.

.cpp파일이나 .h파일을 열어보면 잘 먹는데 얘는 왜이럴까요;

비주얼스튜디오 코드(VSC) 파일 확장자 인식법 

오늘은 파일 확장자를 추가해서, 내가 원하는 파일형태로 인식하게끔해 코드하이라이트 기능이 먹게끔(?) 해보려고 해요.

설정 파일로 가야합니다. 요렇게 클릭해서 파일을 열 수도 있고, 'ctrl + , '단축키를 눌러 바로 이동할 수도 있어요.

여기서 "file association"을 키워드로 검색합니다. 그럼 "Add Item"이라고 있는데 이거 버튼 눌러서 추가해줄거예요.

 

추가한 모습

만약에 proc 파일을 c형태의 파일로 인식하게 하고 싶다! 그럴 경우 Items에다가 *.pc를 넣어주고 Value에다가 c를 넣어주면 됩니다.

.html 파일이 html로 인식되지 않고 다른 형태의 파일로 인식될 경우 (ex. django-html로 인식한다던가)

Item에다가 *.html을 넣고 Value에다가 html을 넣으면 됩니다. 

이렇게 지원하지 않는 확장자의 경우 여기서 등록할 수 있어요. 간단하죠?

 

이제 파일을 다시 켜보면, 짠~~ 아까와는 다르게 알록달록한게, c파일로 인식해 하이라이트 기능이 적용된 것을 확인할 수 있답니다!

 

File Assocation에 해당하는 Key Value 설정값 정보

Value에 어떤 값들이 들어가는지 궁금한 사람들이 있을 거예요,

예를 들어, objective c같은 경우는 value를 어떻게 적어야하는지..? 이런거?

VS Code에서 정의하고 있는 각 언어별 Identifier는 다음과 같습니다.

abap bat bibtex clojure coffescript c   cpp 
csharp (C#언어) css   diff dockerfile fsharp (F#언어) git-commit  git-rebase
go groovy handlebars haml html   ini java  
javascript  javascriptreact json   jsonc (json with comments) latex less lua
makefile   markdown   objective-c objective-cpp perl   php   plaintext
powershell pug python   r razor ruby rust
scss shaderlab shellscript   slim sql stylus swift
typescript  typescriptreact tex vb (Visual Basic) vue vue-html xml

대게 identifier 값만 보면 무슨 언어인지 유추가 될텐데, 모를 수 있는 부분은 괄호 안에 언어를 명시해뒀습니다.

흔히 공통적 언어는 바로 찾을 수 있도록 바탕화면 색을 칠해놨어요

 

이 외에 sample 예시들을 알려드릴게요

Item Value
*.pc c (c++로 인식하고 싶을 경우 cpp)
*.html html
*.myphp php
*.jav java

요런식으로 파일 확장자를 Item에 적고 Value에는 각 언어에 해당하는 Idnetifier를 적으면 됩니다. 

 

오늘은 여기까지입니다. 필요한 분께 도움이 되었으면 좋겠네요~!

좋은 주말 되세요!