Como mudo a cor dos comentários no código do Visual Studio?


Respostas:


161

A partir de 1.15 (julho de 2017), você pode alterá-lo em settings.json Ctrl +,

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

A partir de 1.20 (janeiro de 2018), você também pode fazer isso para cada tema separadamente:

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

Encontrando o escopo certo:

Desenvolvedor: Inspect TM Scopes editor.action.inspectTMScopes

demo tm inspect command

Prioridade do seletor:

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



Ok, mais exemplos (para js):

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

comment insira a descrição da imagem aqui punctuation.definition.comment insira a descrição da imagem aqui comment.block.documentation insira a descrição da imagem aqui storage.type.class.jsdoc insira a descrição da imagem aqui entity.name.type.instance.jsdoc insira a descrição da imagem aqui variable.other.jsdoc insira a descrição da imagem aqui


alguma possibilidade de fundo / primeiro plano?
Johnny Derp


1
Alguém sabe qual é a configuração para // e / * antes do texto do comentário? Além disso, qual é a configuração para "antes das strings?
Superdooperhero

Você pode tentar o link "encontrar o escopo correto" na resposta.
Alex

1
Qualquer forma de alterar a cor da seção inicial e final de um bloco de comentário. /**e */eles permanecem inalterados após definir a cor do comentário. a seção do meio está mudando de cor.
andre de waard

26

Vá para suas configurações. insira a descrição da imagem aqui

Em seguida, procure settings.json, insira a descrição da imagem aqui abra o arquivo e adicione esta linha de código:

"editor.tokenColorCustomizations": {

        "comments": "#229977"
    },

mude a cor dos comentários de acordo com sua preferência passando o mouse sobre a cor e escolhendo a cor desejada. insira a descrição da imagem aqui Em seguida, salve as alterações. (Ctrl + S) Saia do programa. abra novamente, você verá as mudanças. insira a descrição da imagem aqui


6
Obrigado pelo visual. Torna muito mais fácil navegar.
Biarys de

19

Para expandir a resposta e o comentário de @Johnny Derp. Você pode alterar a cor e o estilo da fonte usando:

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

backgroundnão pode ser alterado desta forma, apenas a cor e o estilo. Em junho de 2018.


Também em resposta a alguns comentários sobre a alteração puntuationdas //cores dos comentários (como as ) - que agora precisam ser coloridas separadamente com sua própria regra de textmate, uma mudança pode estar chegando para corrigir isso no lançamento de outubro de 2019 - neste ponto, é um problema não resolvido, mas adicionado ao marco de outubro de 2019. Veja https://github.com/microsoft/vscode/milestone/102


6

Parece que as cores do token não podem ser personalizadas nas configurações no momento:

As cores do editor mais proeminentes são as cores de token baseadas na gramática do idioma instalada. Essas cores são definidas pelo Tema de cores e não podem (atualmente) ser personalizadas nas configurações.

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

Percebi que se você entrar nas pastas de temas, por exemplo: C: \ Arquivos de programas (x86) \ Microsoft VS Code \ resources \ app \ extensions \ theme-monokai e editar o arquivo monokai-color-theme.json, olhe para a linha com "nome": "Comentário" e mude a cor do "primeiro plano" funcionará. Apenas certifique-se de reiniciar o programa.


5

Como Mark disse, mas acrescente o "scope":depois"comment"

"punctuation.definition.comment"

para colorir também a pontuação,

por exemplo ( //em javescript | /* */em css | <!-- -->em html).

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

3

Você pode modificar seu código VS simplesmente editando seu arquivo de configuração no código VS e seguir estas 3 etapas.

passo 1: insira a descrição da imagem aqui

passo 2: insira a descrição da imagem aqui

Etapa 3: insira a descrição da imagem aqui


2

Para alterar a cor do comentário do VS Code

Arquivo -> Preferências -> Configurações

Escolha a guia "Configurações do espaço de trabalho" para alterá-la apenas para este projeto
Escolha a guia "Configurações do usuário" para alterá-la para todos os projetos

Faça uma pesquisa por "settings.json" e procure uma opção para "Editar em settings.json"

Insira esta configuração de cor para os comentários em algum lugar dentro das chaves:

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

Ele pode reclamar que você está substituindo seu tema de cores atual, apenas ignore isso.

Se já houver uma seção para "editor.tokenColorCustomizations", basta adicionar a linha para especificar a cor do comentário.


0

Configurações de Doc, Bloco e Linha

Para ter cores diferentes para comentários de Documento, Bloco e Linha:

Visualizações de comentários

"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"
                }
            }
        ]
    }
}

Testado com C ++.


0

Ao comentar sobre o assunto do comentário, achei a extensão "Better Comments" do VS Code muito útil. Você pode dar várias cores para seus comentários e, portanto, categorizar seus comentários com base na importância etc. comentários padrão cor também pode ser alterado. Https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
exemplo: Esta extensão pode ser configurado em configurações do utilizador ou configurações do espaço de trabalho.
Emprestado da página de extensão

insira a descrição da imagem aqui

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.