Come cambio il colore dei commenti nel codice di Visual Studio?


Risposte:


161

Dalla 1.15 (luglio 2017) puoi modificarlo da settings.json Ctrl +,

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

Dalla 1.20 (gennaio 2018) puoi anche farlo per ogni tema separatamente:

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

Trovare il giusto ambito:

Sviluppatore: Inspect TM Scopes editor.action.inspectTMScopes

comando demo tm inspect

Priorità del selettore:

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



Ok, altri esempi (per js):

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

comment inserisci qui la descrizione dell'immagine punctuation.definition.comment inserisci qui la descrizione dell'immagine comment.block.documentation inserisci qui la descrizione dell'immagine storage.type.class.jsdoc inserisci qui la descrizione dell'immagine entity.name.type.instance.jsdoc inserisci qui la descrizione dell'immagine variable.other.jsdoc inserisci qui la descrizione dell'immagine


qualche possibilità per sfondo / primo piano?
Johnny Derp


1
Qualcuno sa qual è l'impostazione per // e / * prima del testo del commento? Inoltre qual è l'impostazione per il "prima degli archi?
Superdooperhero

Puoi provare a "trovare l'ambito giusto" dalla risposta.
Alex

1
Qualsiasi modo per cambiare il colore della sezione iniziale e finale di un blocco di commenti. /**e */rimangono invariati dopo aver impostato il colore del commento. la sezione centrale sta cambiando colore.
andre de waard

26

Vai alle tue impostazioni. inserisci qui la descrizione dell'immagine

Quindi cerca settings.json, inserisci qui la descrizione dell'immagine apri il file e aggiungi questa riga di codice:

"editor.tokenColorCustomizations": {

        "comments": "#229977"
    },

cambia il colore dei commenti, in base ai tuoi gusti passando con il mouse sopra il colore e scegliendo il colore desiderato. inserisci qui la descrizione dell'immagine Quindi salva le modifiche. (Ctrl + S) Esci dal programma. aprilo di nuovo, vedrai le modifiche. inserisci qui la descrizione dell'immagine


6
Grazie per le immagini. Rende molto più facile la navigazione.
Biarys

19

Per espandere la risposta e il commento di @Johnny Derp. Puoi modificare il colore e lo stile del carattere utilizzando:

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

backgroundnon possono essere modificati in questo modo, solo il colore e lo stile. A partire da giugno 2018.


Anche in risposta a un paio di commenti sulla modifica dei commenti puntuation(come i //) colori - che ora devono essere colorati separatamente con la propria regola del compagno di testo, potrebbe essere in arrivo un cambiamento per risolverlo nella versione di ottobre 2019 - a questo punto è un problema irrisolto ma aggiunto alla pietra miliare di ottobre 2019. Vedi https://github.com/microsoft/vscode/milestone/102


6

Sembra che i colori dei token non possano essere personalizzati nelle impostazioni al momento:

I colori più importanti dell'editor sono i colori dei token basati sulla grammatica della lingua installata. Questi colori sono definiti dal tema colore e (attualmente) non possono essere personalizzati nelle impostazioni.

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

Ho notato che se vai nelle cartelle del tema, ad esempio: C: \ Programmi (x86) \ Microsoft VS Code \ resources \ app \ extensions \ theme-monokai e modifichi il file monokai-color-theme.json, guarda per la riga con "nome": "Commenta" e cambia il colore di "primo piano" funzionerà. Assicurati solo di riavviare il programma.


5

Come ha detto Mark, ma aggiungi il "scope":dopo"comment"

"punctuation.definition.comment"

per colorare anche la punteggiatura,

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

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

3

Puoi modificare il tuo codice VS semplicemente modificare il file di impostazione nel codice VS e seguire questi 3 passaggi.

passo 1: inserisci qui la descrizione dell'immagine

passo 2: inserisci qui la descrizione dell'immagine

Step3: inserisci qui la descrizione dell'immagine


2

Per cambiare il colore del commento di VS Code

File -> Preferenze -> Impostazioni

Scegli la scheda "Impostazioni area di lavoro" per modificarla solo per questo progetto
Scegli la scheda "Impostazioni utente" per modificarla per tutti i progetti

Cerca "settings.json" e cerca un'opzione per "Modifica in settings.json"

Inserisci questa impostazione di colore per i commenti da qualche parte all'interno delle parentesi graffe:

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

Potrebbe lamentarsi del fatto che stai sovrascrivendo il tema del colore corrente, ignoralo.

Se esiste già una sezione per "editor.tokenColorCustomizations", aggiungi semplicemente la riga per specificare il colore del commento.


0

Impostazioni Doc, Blocca e Linea

Per avere colori diversi per i commenti Doc, Block e Line:

Anteprime dei commenti

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

Testato con C ++.


0

Mentre commentavo l'oggetto del commento, ho trovato molto utile l'estensione "Better Comments" di VS Code. Si può dare vari colori per i vostri commenti e quindi catalogare i tuoi commenti sulla base di importanza ecc commenti predefinite colore può anche essere cambiato. Https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
esempio: Questa estensione può essere configurato in impostazioni utente o le impostazioni dell'area di lavoro.
Preso in prestito dalla pagina di estensione

inserisci qui la descrizione dell'immagine

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.