如何在Visual Studio代码中更改注释的颜色?


Answers:


159

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

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

1.20(2018年1月)开始,您还可以分别为每个主题进行此操作:

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

找到合适的范围:

开发人员:Inspect TM Scope editor.action.inspectTMScopes

演示tm检查命令

选择器优先级:

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 在此处输入图片说明


背景/前景是否有可能?
约翰尼·德普(Johnny Derp)


1
有人知道注释文本之前//和/ *的设置吗?另外,“字符串之前”的设置是什么?
Superdooperhero

您可以尝试从答案中“找到合适的范围”链接。
亚历克斯(Alex)

1
更改注释块开始和结束部分颜色的任何方法。/**并且*/在设置评论颜色后它们保持不变。中间部分正在改变颜色。
安德烈·德瓦德

24

转到您的设置。 在此处输入图片说明

然后搜索settings.json 在此处输入图片说明 打开文件,然后添加以下代码行:

"editor.tokenColorCustomizations": {

        "comments": "#229977"
    },

通过将鼠标悬停在颜色上并选择所需的颜色来根据自己的喜好更改评论的颜色。 在此处输入图片说明 然后保存更改。(Ctrl + S)退出程序。再次打开它,您将看到更改。 在此处输入图片说明


6
谢谢您的视觉效果。使导航变得更加容易。
Biarys '19

19

扩展答案和@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


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文件,对于带有“名称”:“注释”的行,并更改“前景”颜色将起作用。只要确保重启程序即可。


5

就像Mark所说的,但在"scope":后面加上"comment"

“标点符号.definition.comment”

给标点着色

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

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

2

更改VS Code注释颜色

文件->首选项->设置

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

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

在大括号内的某处插入以下注释的颜色设置:

  “ editor.tokenColorCustomizations”:{
    “注释”:“#ff4”
  }

它可能会抱怨您要覆盖当前的颜色主题,而无需理会。

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


2

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

步骤1: 在此处输入图片说明

第2步: 在此处输入图片说明

第三步: 在此处输入图片说明


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


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.