VSCode에서 주석 백그라운드 색 지정

hightlight 익스텐션은 regex를 활용하여 정규표현식(regex)에 매칭이되는 모든 코드에 스타일링을 할 수 있습니다.

 

1. 먼저, VSCode에 hightlight extension을 설치해주세요

2. cmd + ,를 누르시고 json을 검색하시면 json 포멧으로 세팅이 가능합니다. 오른쪽 USER 탭에 코드를 작성하겠습니다.

3. 아래과 같이 코드를 입력합니다. 저는 노랑 배경에 검은색 폰트를 사용하겠습니다.

   "highlight.regexes": {
    "(//.*)": 
        {
            "backgroundColor": "#fcc419",
            "color": "black",
        }, 
    ]
   }

• (//.*)
  • // 하위에 매칭되는 모든 텍스트를 선택하는 정규표현식입니다.

 

설정이 완료가 되면 아래와 같이 보이게됩니다.

 

정리

vscode의 주석을 쓸 때마다 글씨만 설정이 되어 가독성이 떨어졌습니다. intellij에서는 노란배경에 검은폰트의 주석을 계속 사용하면서 가독성이 좋아지는 것을 많이 느꼈습니다. 하지만 vscode에서는 배경화면에 대한 built-in 설정이 없습니다. hightlight 확장 프로그램을 사용하면서 regex에 대해 좀 더 공부할 수 있는 기회가 되었습니다. 개인적으로 Regular Expressions (Regex) Tutorial: How to Match Any Pattern of Text을 참고하시는 것을 추천드립니다.

 

자세한 내용은 예전에 제가 질문했었던 stackoverflow 답변을 참조하시기 바랍니다.