如何在VSCode中为.qq扩展名文件通过正则匹配高亮指定内容？

DevOps 小满

2026-7-23

在VSCode里给.qq文件的正则匹配内容加自定义颜色

1. 让VSCode识别.qq文件

打开设置（快捷键Ctrl+,），搜索files.associations，添加以下配置：

"files.associations": {
    "*.qq": "source.qq"
}

给.qq文件指定专属语言IDsource.qq，方便后续单独配置高亮规则。

2. 编写自定义语法匹配规则

打开命令面板（Ctrl+Shift+P），输入Preferences: Configure User Snippets，选择New Global Snippets file，命名为qq.tmLanguage.json，粘贴以下内容：

{
    "$schema": "https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",
    "name": "QQ File",
    "scopeName": "source.qq",
    "fileTypes": ["qq"],
    "patterns": [
        // 匹配0x开头的十六进制数，定义专属标识
        {
            "match": "\\b0x[0-9A-Fa-f]+\\b",
            "name": "hex.number.qq"
        },
        // 可添加更多规则，比如匹配单行注释
        {
            "match": "//.*$",
            "name": "line.comment.qq"
        }
        // 新增匹配项直接按这个格式扩展即可
    ]
}

match字段填你需要的正则表达式，name是该匹配项的唯一标识，后续用来绑定颜色样式。

3. 给匹配项设置颜色样式

回到设置页面，搜索editor.tokenColorCustomizations，添加配置：

"editor.tokenColorCustomizations": {
    "[QQ File]": {
        "textMateRules": [
            {
                "scope": "hex.number.qq", // 对应上面的name标识
                "settings": {
                    "foreground": "#0000FF" // 蓝色，可替换为任意十六进制颜色码
                }
            },
            {
                "scope": "line.comment.qq",
                "settings": {
                    "foreground": "#888888",
                    "fontStyle": "italic" // 支持italic、bold、underline等样式
                }
            }
        ]
    }
}