VSCode의 문법 구분 색상 변경하기

VSCode의 인기는 나날로 늘어가고 있는 모양새다. 이런저런 용도로 개발자에게 큰 도움을 주는 도구가 되어 가고 있다. 통합 개발 환경에서도 텍스트 편집기에서도 소스코드를 열면 언어별 문법 요소에 따라 색상을 구분해서 출력해 주는데 이런 기능을 Syntax Highlighting이라 부른다. 그런데, 개인적인 취향 또는 특정한 필요에 따라서 이 색상을 변경할 경우가 있다, 이번 포스팅은 문법 구분 색상을 바꾸는 방법을 간단히 메모한다.

 

파일> 기본 설정> 설정 메뉴 또는 Ctrl+, 단축키로 설정창을 연다.

 

설정 창에서 확장> CSS 언어 기능> JSON을 선택하고 우측에서 [settings.json에서 편집]을 클릭한다.

 

편집창이 열리면 위의 그림처럼 "editor.tokenColorCustomizations" 요소 안에 편집기의 요소별 색상을 지정한다. 위의 예제는 편집기의 주석을 적색으로 설정한 것이다.

 

주석을 포함하여 설정할 수 있는 다른 문법 요소들은 위의 그림과 같다.

 

settings.json을 저장하면 소스코드를 열고 있는 다른 창에서 설정한 내용이 반영되었는지 바로 확인할 수 있다.