You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何设置与截图一致的代码注释颜色?

精准设置代码注释颜色(不干扰其他文本/标签)

要只改注释颜色、不影响其他内容,别直接用editor.tokenColorCustomizations里的全局comments字段,而是用textMateRules精准定位注释的token范围:

  1. 获取注释的精准Token Scope
    按Ctrl+Shift+P(Win/Linux)或Cmd+Shift+P(Mac)调出命令面板,输入Developer: Inspect Editor Tokens and Scopes,点击你要修改的注释内容,面板里会显示该注释对应的Scope(比如单行注释可能是comment.line.double-slash.js,多行是comment.block.js)。

  2. 写入Settings.json配置
    打开设置(Ctrl+,/Cmd+,),点击右上角的打开设置图标({})进入json编辑模式,添加以下配置:

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                // 把你查到的注释Scope填在这里,多个用逗号分隔
                "comment.line",
                "comment.block",
                "comment.block.documentation"
            ],
            "settings": {
                "foreground": "#6A9955" // 替换成截图里的目标颜色值
            }
        }
    ]
}

如果只想针对某一种语言改注释颜色,就在配置里加上语言标识:

"editor.tokenColorCustomizations": {
    "[JavaScript]": { // 这里替换成你需要的语言,比如[Python]、[HTML]
        "textMateRules": [
            {
                "scope": "comment.line.double-slash.js",
                "settings": {
                    "foreground": "#6A9955"
                }
            }
        ]
    }
}

这样配置只会作用于指定的注释类型,不会改动其他文本或标签的颜色。

内容的提问来源于stack exchange,提问作者Vlad

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.22 19:27:37