Visual Studio 코드에서 주석 색상을 어떻게 변경합니까?


답변:


159

에서 1.15 (2017 7월) 당신은에서 변경할 수 있습니다 settings.json의 Ctrl +,

"editor.tokenColorCustomizations": {
    "comments": "#d4922f"
},

1.20 (2018 년 1 월) 부터 각 테마에 대해 개별적으로 수행 할 수도 있습니다.

"editor.tokenColorCustomizations": {
    "[Atom One Dark]": {
        "comments": "#d4922f"
    }
},

올바른 범위 찾기 :

개발자 : Inspect TM Scopes editor.action.inspectTMScopes

demo tm inspect 명령

선택기 우선 순위 :

https://code.visualstudio.com/blogs/2017/02/08/syntax-highlighting-optimizations#_textmate-themes



예, 더 많은 예 (for js) :

"editor.tokenColorCustomizations": {
    "textMateRules": [{
        "scope": "INSERT_SCOPE_HERE",
        "settings": {
            "foreground": "#ff0000"
        }
    }]
}

comment 여기에 이미지 설명 입력 punctuation.definition.comment 여기에 이미지 설명 입력 comment.block.documentation 여기에 이미지 설명 입력 storage.type.class.jsdoc 여기에 이미지 설명 입력 entity.name.type.instance.jsdoc 여기에 이미지 설명 입력 variable.other.jsdoc 여기에 이미지 설명 입력


배경 / 전경에 대한 가능성이 있습니까?
Johnny Derp


1
주석 텍스트 앞의 // 및 / * 설정이 무엇인지 아는 사람이 있습니까? ? 또한 설정은 "문자열 이전을 위해 무엇
Superdooperhero

답변에서 "올바른 범위 찾기"링크를 시도 할 수 있습니다.
Alex는

1
주석 블록의 시작 및 끝 섹션 색상을 변경하는 방법. /**그리고 */그들은 주석의 색상을 설정 한 후 변경되지 않고있어. 중간 부분이 색을 바꾸고 있습니다.
andre de waard

24

설정으로 이동하십시오. 여기에 이미지 설명 입력

그런 다음 settings.json을 검색 여기에 이미지 설명 입력 하여 파일을 열고 다음 코드 줄을 추가합니다.

"editor.tokenColorCustomizations": {

        "comments": "#229977"
    },

색상 위로 마우스를 이동하고 원하는 색상을 선택하여 기호에 따라 댓글 색상을 변경합니다. 여기에 이미지 설명 입력 그런 다음 변경 사항을 저장합니다. (Ctrl + S) 프로그램을 종료합니다. 다시 열면 변경 사항이 표시됩니다. 여기에 이미지 설명 입력


6
영상 감사합니다. 탐색이 훨씬 쉬워집니다.
Biarys

19

답변과 @Johnny Derp의 의견을 확장하려면. 다음을 사용하여 글꼴 색상과 스타일을 변경할 수 있습니다.

"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "comment",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#C69650",
        }
      }
    ]
  },

background이런 식으로 변경할 수 없으며 색상과 스타일 만 변경할 수 있습니다. 2018 년 6 월 현재.


또한 주석 puntuation(예 //:) 색상 변경에 대한 몇 가지 의견에 대한 답변으로 (예 : 자체 텍스트 메이트 규칙으로 개별적으로 색상을 지정해야합니다.) 2019 년 10 월 릴리스에서 수정하기 위해 변경 될 수 있습니다. 해결되지 않은 문제이지만 2019 년 10 월 이정표에 추가되었습니다. 참조 https://github.com/microsoft/vscode/milestone/102를


6

현재 설정 내에서 토큰 색상을 사용자 지정할 수없는 것 같습니다.

가장 눈에 띄는 편집기 색상은 설치된 언어 문법을 기반으로하는 토큰 색상입니다. 이러한 색상은 색상 테마에 의해 정의되며 현재 설정에서 사용자 정의 할 수 없습니다.

출처 : https://code.visualstudio.com/docs/getstarted/theme-color-reference

예를 들어 C : \ Program Files (x86) \ Microsoft VS Code \ resources \ app \ extensions \ theme-monokai와 같은 테마 폴더로 이동하여 monokai-color-theme.json 파일을 편집하면 "name": "Comment"가있는 줄에 대해 "전경"색상을 변경하면 작동합니다. 프로그램을 다시 시작하십시오.


5

Mark가 말했듯이,하지만 "scope":나중에 추가"comment"

"punctuation.definition.comment"

구두점도 색칠하고

예 ( //javescript | /* */css | <!-- -->html).

"scope": ["comment", "punctuation.definition.comment"]

2

VS Code 주석 색상을 변경하려면

파일-> 환경 설정-> 설정

이 프로젝트에 대해서만 변경하려면 "작업 공간 설정"탭을
선택하십시오. 모든 프로젝트에 대해 변경하려면 "사용자 설정"탭을 선택하십시오.

"settings.json"을 검색하고 "settings.json에서 편집"옵션을 찾습니다.

중괄호 안에 주석에 대해 다음 색상 설정을 삽입하십시오.

  "editor.tokenColorCustomizations": {
    "comments": "# ff4"
  }

현재 색상 테마를 재정의하고 있다고 불평 할 수 있지만 무시하면됩니다.

"editor.tokenColorCustomizations"에 대한 섹션이 이미있는 경우 주석 색상을 지정하는 행을 추가하십시오.


2

VS 코드에서 설정 파일을 편집하고 다음 3 단계를 수행하여 VS 코드를 수정할 수 있습니다.

1 단계: 여기에 이미지 설명 입력

2 단계: 여기에 이미지 설명 입력

Step3 : 여기에 이미지 설명 입력


0

문서, 차단 및 회선 설정

문서, 블록 및 줄 주석에 대해 다른 색상을 사용하려면 :

댓글 미리보기

"editor.tokenColorCustomizations": {
    "[Cobalt2]": {
        "textMateRules": [
            {
                "scope": [
                    "comment.block",
                    "punctuation.definition.comment.end",
                    "punctuation.definition.comment.begin"
                ],
                "settings": {
                    "foreground": "#85b3f8",
                    "fontStyle": "bold"
                }
            },
            {
                "scope": [
                    "comment.block.documentation",
                    "punctuation.definition.comment.begin.documentation",
                    "punctuation.definition.comment.end.documentation"
                ],
                "settings": {
                    "foreground": "#6bddb7",
                    "fontStyle": "bold"
                }
            },{
                "scope":["comment.line", "punctuation.definition.comment"],
                "settings": {
                    "foreground": "#FF0000",
                    "fontStyle": "bold"
                }
            }
        ]
    }
}

C ++로 테스트되었습니다.


0

댓글 주제에 대해 댓글을다는 동안 VS Code의 "Better Comments"확장이 매우 유용하다는 것을 알았습니다. 당신은 당신의 의견에 다양한 색상을 제공하고, 따라서 등 중요한 기본 주석 색상도 변경할 수 있습니다에 따라 귀하의 의견을 분류 할 수 있습니다. https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
예 : 이 확장은 사용자 설정 또는 작업 영역 설정에서 구성 할 수 있습니다.
확장 페이지에서 차용

여기에 이미지 설명 입력

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.