Як змінити колір коментарів у коді Visual Studio?


85

Я пройшов https://code.visualstudio.com/docs/getstarted/theme-color-reference, але, здається, не можу знайти налаштування для зміни кольору коментаря.

На даний момент я використовую Atom One Dark Theme і просто хотів би трохи освітлити колір, щоб я міг його краще прочитати.

Відповіді:


159

З 1.15 (липень 2017 р.) Ви можете змінити його за допомогою settings.json Ctrl +,

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

З 1.20 (січень 2018 р.) Ви також можете робити це для кожної теми окремо:

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

Пошук правильної сфери застосування:

Розробник: Inspect TM Scopes editor.action.inspectTMScopes

демонстраційна команда tm inspect -

Пріоритет селектора:

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



Гаразд, ще приклади (для 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 введіть тут опис зображення


будь-які можливості для фону / переднього плану?
Джонні Дерп,


1
Хто-небудь знає, що встановлено для // та / * перед текстом коментаря? Також те, що налаштовано для "до рядків?"
Superdooperhero

Ви можете спробувати "знайти правильний обсяг" посилання з відповіді.
Олексій

1
Будь-який спосіб змінити колір початку та кінця розділу блоку коментарів. /**і */вони залишаються незмінними після встановлення кольору коментаря. середній розділ змінює колір.
andre de waard

24

Перейдіть до своїх налаштувань. введіть тут опис зображення

Потім шукайте settings.json, введіть тут опис зображення відкрийте файл, а потім додайте цей рядок коду:

"editor.tokenColorCustomizations": {

        "comments": "#229977"
    },

змініть колір коментарів, виходячи зі своїх уподобань, наводячи курсор на колір та вибираючи бажаний колір. введіть тут опис зображення Потім збережіть зміни. (Ctrl + S) Вийдіть із програми. відкрийте його ще раз, ви побачите зміни. введіть тут опис зображення


6
Дякую за візуальні зображення. Це значно полегшує навігацію.
Біаріс,

19

Розширити відповідь та коментар @Johnny Derp. Ви можете змінити колір та стиль шрифту, використовуючи:

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

backgroundне можна змінити таким чином, лише колір і стиль. Станом на червень 2018 року.


Також у відповідь на пару коментарів щодо зміни кольорів коментарів puntuation(наприклад, //кольорів) - які тепер повинні бути окремо забарвлені за власним правилом однокласників, можливо, настане зміна, яка зафіксує, що у випуску жовтня 2019 р. невирішене питання, але додане до етапу жовтня 2019 року. Див. 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" та змініть колір "foreground" це буде працювати. Просто переконайтеся, що перезапустили програму.


5

Як сказав Марк, але додайте "scope":після"comment"

"punctuation.definition.comment"

також розфарбувати розділові знаки,

наприклад ( //у javescript | /* */у css | <!-- -->у html).

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

2

Щоб змінити колір коментаря VS Code

Файл -> Налаштування -> Налаштування

Виберіть вкладку "Налаштування робочої області", щоб змінити її лише для цього проекту
Виберіть вкладку "Налаштування користувача", щоб змінити її для всіх проектів

Зробіть пошук за "settings.json" і знайдіть опцію "Редагувати в settings.json"

Вставте цей параметр кольору для коментарів десь усередині фігурних дужок:

  "editor.tokenColorCustomizations": {
    "коментарі": "# ff4"
  }

Він може скаржитися, що ви перевизначаєте поточну кольорову тему, просто ігноруйте це.

Якщо вже є розділ для "editor.tokenColorCustomizations", просто додайте рядок, щоб вказати колір коментаря.


2

Ви можете змінити свій код VS, просто відредагувавши файл налаштувань у коді VS, і виконайте ці 3 кроки.

крок 1: введіть тут опис зображення

крок2: введіть тут опис зображення

Крок 3: введіть тут опис зображення


0

Налаштування документа, блокування та рядка

Щоб мати різні кольори для коментарів Doc, Block та Line:

Попередній перегляд коментарів

"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 "Кращі коментарі" дуже корисним. Ви можете дати різні кольори , щоб ваші коментарі і , отже , класифікувати ваші коментарі на основі важливості і т.д. коментарі по замовчуванням колір може бути змінений. Https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
приклад: Це розширення може бути налаштоване в налаштуваннях користувача або настройки робочого простору.
Позичена зі сторінки розширення

введіть тут опис зображення

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.