Jak zmienić kolor komentarzy w kodzie Visual Studio?

Odpowiedzi:

159

Od 1.15 (lipiec 2017) można to zmienić z settings.json Ctrl +,

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

Od 1.20 (styczeń 2018) możesz to również zrobić dla każdego tematu osobno:

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

Znalezienie odpowiedniego zakresu:

Deweloper: Sprawdź zakresy TM editor.action.inspectTMScopes

polecenie demo tm inspect

Priorytet selektora:

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



Ok, więcej przykładów (dla js):

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

comment wprowadź opis obrazu tutaj punctuation.definition.comment wprowadź opis obrazu tutaj comment.block.documentation wprowadź opis obrazu tutaj storage.type.class.jsdoc wprowadź opis obrazu tutaj entity.name.type.instance.jsdoc wprowadź opis obrazu tutaj variable.other.jsdoc wprowadź opis obrazu tutaj

Alex
źródło
jakieś możliwości dla tła / pierwszego planu?
Johnny Derp
1
Czy ktoś wie, jakie jest ustawienie // i / * przed tekstem komentarza? Jakie jest też ustawienie dla „przed smyczkami?”
Superdooperhero
Możesz spróbować znaleźć link „znajdowanie odpowiedniego zakresu” w odpowiedzi.
Alex
1
Dowolny sposób zmiany koloru początkowej i końcowej sekcji bloku komentarza. /**i */pozostają niezmienione po ustawieniu koloru komentarza. środkowa sekcja zmienia kolor.
andre de waard
24

Przejdź do swoich ustawień. wprowadź opis obrazu tutaj

Następnie wyszukaj settings.json wprowadź opis obrazu tutaj otwórz plik, a następnie dodaj następującą linię kodu:

"editor.tokenColorCustomizations": {

        "comments": "#229977"
    },

zmień kolor komentarzy na podstawie swoich upodobań, najeżdżając kursorem na kolor i wybierając żądany kolor. wprowadź opis obrazu tutaj Następnie zapisz zmiany. (Ctrl + S) Wyjdź z programu. otwórz go ponownie, zobaczysz zmiany. wprowadź opis obrazu tutaj

JA
źródło
6
Dziękuję za wizualizacje. Znacznie ułatwia nawigację.
Biarys
19

Aby rozwinąć odpowiedź i komentarz @Johnny Derp. Możesz zmienić kolor i styl czcionki za pomocą:

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

backgroundnie można zmienić w ten sposób, tylko kolor i styl. Stan na czerwiec 2018 r.


Również w odpowiedzi na kilka komentarzy dotyczących zmiany kolorów komentarzy puntuation(takich jak //) - które teraz muszą być osobno pokolorowane za pomocą własnej reguły tekstu, może nadejść zmiana, aby naprawić to w wydaniu z października 2019 r. - w tym momencie jest to nierozwiązany problem, ale został dodany do kamienia milowego z października 2019 r. Zobacz https://github.com/microsoft/vscode/milestone/102

znak
źródło
6

Wygląda na to, że kolorów żetonów nie można obecnie dostosować w ustawieniach:

Najbardziej widocznymi kolorami edytora są kolory tokenów oparte na zainstalowanej gramatyce języka. Te kolory są definiowane przez motyw kolorów i nie można ich (obecnie) dostosowywać w ustawieniach.

Źródło: https://code.visualstudio.com/docs/getstarted/theme-color-reference

Zauważyłem, że jeśli przejdziesz do folderów motywów, na przykład: C: \ Program Files (x86) \ Microsoft VS Code \ resources \ app \ extensions \ theme-monokai i edytujesz plik monokai-color-theme.json, spójrz dla linii z "nazwą": "Komentarz" i zmień kolor "pierwszego planu" to zadziała. Po prostu ponownie uruchom program.

Nuuu
źródło
5

Jak powiedział Mark, ale dodaj "scope":po"comment"

„punctuation.definition.comment”

pokolorować także interpunkcję,

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

"scope": ["comment", "punctuation.definition.comment"]
Mohamed Amin ElTagoury
źródło
2

Aby zmienić kolor komentarza VS Code

Plik -> Preferencje -> Ustawienia

Wybierz zakładkę „Ustawienia obszaru roboczego”, aby zmienić to tylko dla tego projektu
Wybierz zakładkę „Ustawienia użytkownika”, aby zmienić to dla wszystkich projektów

Wyszukaj „settings.json” i znajdź opcję „Edit in settings.json”

Wstaw to ustawienie koloru dla komentarzy gdzieś w nawiasach klamrowych:

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

Może narzekać, że zastępujesz swój obecny motyw kolorów, po prostu zignoruj ​​to.

Jeśli istnieje już sekcja dla „editor.tokenColorCustomizations”, po prostu dodaj wiersz, aby określić kolor komentarza.

EJ Thayer
źródło
2

Możesz zmodyfikować swój kod VS, po prostu edytując plik ustawień w kodzie VS i wykonując te 3 kroki.

krok 1: wprowadź opis obrazu tutaj

krok 2: wprowadź opis obrazu tutaj

Krok 3: wprowadź opis obrazu tutaj

Rizo
źródło
0

Ustawienia Doc, Block i Line

Aby mieć inne kolory dla komentarzy Doc, Block i Line:

Podgląd komentarzy

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

Testowane w C ++.

plswork04
źródło
0

Komentując temat komentarzy, bardzo przydatne okazało się rozszerzenie „Better Comments” programu VS Code. Można nadać różne kolory do swoich uwag i stąd kategoryzować swoje komentarze na podstawie wagi itp komentarze domyślny kolor może być zmieniony. Https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
Przykład: To rozszerzenie może być skonfigurowany w ustawienia użytkownika lub ustawienia przestrzeni roboczej.
Pożyczony ze strony rozszerzenia

wprowadź opis obrazu tutaj

Zeni
źródło