가독성 UP vscode 변수, 전역변수별 색깔 변경하기

https://twitter.com/BelanCrawford/status/1436468867493138433

현재 8000줄 가량 되는 오픈소스코드를 분석하고 있다.

분석하다보니 함수나 변수들을 볼 때마다 전역변수인지, 어디에 정의되어 있는지 어디에서 쓰이는지 알아야 됐고 다시 한번

툴 사용법의 중요성을 알았다.

 

요약 : vscode에서 아래와 같이

전역변수, 지역변수, 함수 파라미터, 함수 등 각각 색깔을 다르게 보여주어 가독성을 높일 수 있다.

 

방법: ( Ctrl + , ) 요기 괄호로 묶여져 있는 키를 동시에 같이 누른다. 아래와 같은 창이 뜨고 검색에

"color customization"을 치면 Token Color Customizations에 있는 Edit in settings.json을 누르면 색깔을 지정할 수 있다.

 

현재 쓰고 있는 settings.json은 아래와 같다.

 

json 파일에서 아래 형식과 같이 "editor.tokenColorCustomization"항목에 규칙을 맞추어서 원하는 색깔을 써주면 된다.

{
  "workbench.colorTheme": "Default Dark+",
  "security.workspace.trust.untrustedFiles": "newWindow",
  "C_Cpp.clang_format_fallbackStyle": "{ BasedOnStyle: LLVM, UseTab: Never, IndentWidth: 4, TabWidth: 4, BreakBeforeBraces: Allman, AllowShortIfStatementsOnASingleLine: false, IndentCaseLabels: false, ColumnLimit: 0, AccessModifierOffset: -4, Cpp11BracedListStyle: false }",
  "editor.formatOnSave": true,
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": ["variable.other.constant", "variable.parameter", "comment","variable.other.global"],
        "settings": {
          "fontStyle": ""
        }
      },
      {
        "scope": ["variable.parameter"],
        "settings": {
          "foreground": "#F78C6C"
        }
      },
      {
        "scope": ["variable.other.constant"],
        "settings": {
          "foreground": "#F07178"
        }
      },
      {
        "scope": ["variable.other.global"],
        "settings": {
          "foreground": "#e54611"
        }
      }
    ],
    "comments": "#16bda7"
  },
  "window.zoomLevel": 2
}