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

时间:2017-07-19 15:30:31

标签: visual-studio-code vscode-settings

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

我目前正在使用Atom One Dark Theme,只是想稍微减轻颜色,以便我能更好地阅读它。

9 个答案:

答案 0 :(得分:80)

1.15 (July 2017)开始,您可以从settings.json Ctrl +

更改它
"editor.tokenColorCustomizations": {
    "comments": "#d4922f"
},

1.20 (January 2018)开始,您也可以分别为每个主题执行此操作:

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

找到合适的范围:

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

demo tm inspect command

选择器优先级:

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 enter image description here punctuation.definition.comment enter image description here comment.block.documentation enter image description here storage.type.class.jsdoc enter image description here entity.name.type.instance.jsdoc enter image description here variable.other.jsdoc enter image description here

答案 1 :(得分:9)

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

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

background不能以这种方式改变,只有颜色和样式。截至2018年6月。

答案 2 :(得分:4)

看起来目前无法在设置中自定义令牌颜色:

  

最突出的编辑器颜色是基于的标记颜色   关于安装的语言语法。这些颜色由   颜色主题和(当前)不能在设置中自定义。

来源: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”并更改它将起作用的“前景”颜色。只需确保重新启动程序。

答案 3 :(得分:2)

像马克说的那样,但在"scope":之后添加"comment"

  

“标点符号.definition.comment”

为标点符号着色

  

例如(在javescript中为// |在CSS中为/* */ |在HTML中为<!-- -->)。

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

答案 4 :(得分:2)

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

第1步: enter image description here

第二步: enter image description here

第3步: enter image description here

答案 5 :(得分:1)

更改VS Code注释颜色

文件->首选项->设置

选择“工作区设置”标签以仅对此项目进行更改
选择“用户设置”标签以对所有项目进行更改

搜索“ settings.json”并寻找“在settings.json中编辑”选项

将此颜色设置插入大括号内某处的注释:

“ editor.tokenColorCustomizations”:{
“评论”:“#ff4”
}

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

如果已经有“ editor.tokenColorCustomizations”部分,则只需添加行以指定注释颜色即可。

答案 6 :(得分:0)

文档,阻止和行设置

要为文档,阻止和行注释使用不同的网络颜色:

Comment previews

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

答案 7 :(得分:0)

在评论评论主题时,我发现VS Code的“更好的评论”扩展非常有用。您可以为评论添加各种颜色,从而根据重要性等对评论进行分类。 默认评论颜色也可以更改。 https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
范例:
Borrowed from extension page
可以在用户设置或工作区设置中配置此扩展。

enter image description here

答案 8 :(得分:0)

在 VS 代码中:1.56.2

添加到# conftest.py import os import sys here = os.path.dirname(os.path.abspath(__file__)) sys.path.append(os.path.dirname(here))

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

你来了。 :)