如何更改 visual studio 代码中注释的颜色？

Question

我浏览了https://code.visualstudio.com/docs/getstarted/theme-color-reference，但似乎找不到更改评论颜色的设置。

我目前正在使用 Atom One 深色主题，只是想稍微调亮颜色以便更好地阅读。

Answer 1

目前似乎无法在设置中自定义标记颜色：

The most prominent editor colors are the token colors that are based on the language grammar installed. These colors are defined by the Color Theme and can (currently) not be customized in the settings.

来源：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" 颜色它将起作用。只需确保重新启动程序即可。

Answer 2

从1.15 (July 2017) you can change it from settings.json Ctrl+,

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

从1.20 (January 2018)开始，您也可以分别为每个主题做：

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

或者现在您可以一次指定多个主题的设置，如 "[Atom One Dark][Tomorrow Night Blue]": {...}

找到合适的范围：

开发人员：检查 TM 范围 editor.action.inspectTMScopes

选择器优先级：

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

Answer 3

扩展答案和@Johnny Derp 的评论。您可以使用以下方式更改字体颜色和样式：

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

background不能这样改，只能改颜色和款式。截至 2018 年 6 月。

同时回答了一些关于更改评论 puntuation（如 //）颜色的评论 - 现在必须使用它们自己的 textmate 规则单独着色，可能会发生变化在 2019 年 10 月的版本中修复该问题——目前这是一个未解决的问题，但已添加到 2019 年 10 月的里程碑中。参见 https://github.com/microsoft/vscode/milestone/102

Answer 4

1.Go 到您的设置。

2.Type“editor.tokenColorCustomizations”进入搜索栏，然后点击“在settings.json中编辑”：

3.By默认，“editor.tokenColorCustomizations”设置为“null”。要自定义评论颜色，您可以添加：

{ "comments": "[color code]" }

你可以这样输入：

> "editor.tokenColorCustomizations": {
>     "comments": "#e45e91"   },

4.Change 评论的颜色，根据您的喜好将鼠标悬停在颜色上并选择您想要的颜色。 5.Then 保存更改。(Ctrl+S)

6.Exit 程序。再次打开它，你会看到变化。

Answer 5

更改 VS Code 注释颜色

文件 --> 首选项 --> 设置

选择 "Workspace Settings" 选项卡以仅为该项目更改它
选择 "User Settings" 选项卡为所有项目更改它

搜索 "settings.json" 并寻找 "Edit in settings.json"

的选项

在大括号内的某处为评论插入此颜色设置：

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

它可能会抱怨您正在覆盖当前的颜色主题，请忽略它。

如果已经有 "editor.tokenColorCustomizations" 部分，则只需添加该行以指定注释颜色。

Answer 6

就像马克说的，但是在 "comment"

之后添加 "scope":

"punctuation.definition.comment"

也给标点符号上色，

e.g. (// in javescript | /* */ in css |  in html).

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

Answer 7

您可以通过简单地在 VS 代码中编辑您的设置文件并按照以下 3 个步骤来修改您的 VS 代码。

第一步：

步骤 2:

第三步：

Answer 8

文档、块和行设置

要为 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++ 测试。

Answer 9

在对评论主题进行评论时，我发现 VS Code 的“Better Comments”扩展非常有用。您可以为您的评论赋予各种颜色，从而根据重要性等对您的评论进行分类。默认评论颜色也可以更改。 https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
示例：

可以在用户设置或工作区设置中配置此扩展程序。

Answer 10

在 VS 代码中：1.56.2

添加到settings.json:

"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          "comment",
          "comment.block.documentation",
          "comment.block.documentation.js",
          "comment.line.double-slash.js",
          "storage.type.class.jsdoc",
          "entity.name.type.instance.jsdoc",
          "variable.other.jsdoc",
          "punctuation.definition.comment",
          "punctuation.definition.comment.begin.documentation",
          "punctuation.definition.comment.end.documentation"
        ],
        "settings": {
          "fontStyle": "italic",
          "foreground": "#287a1d"
        }
      }
    ]
  }

如果仍然缺少东西：CTRL+SHIFT+P => Developer: Inspect Editor Tokens and Scopes 将鼠标悬停在颜色不正确的部分并将它们添加到 "scope"。

给你。 :)

如何更改 visual studio 代码中注释的颜色？

How do I change color of comments in visual studio code?

visual-studio-code

vscode-settings

找到合适的范围：

文档、块和行设置