如何在VS Code中为module.exports设置自定义文本颜色与样式？

以下是几种在VS Code中实现类似TODO Highlight功能的方法，无需修改代码属性，仅针对文本本身做样式标记：

方法1：扩展自定义（TODO Highlight） #

TODO Highlight支持自定义关键词规则，直接修改配置就能标记module.exports：

• 打开VS Code设置（Ctrl+,/Cmd+,），搜索todo highlight keywords，选择「编辑 in settings.json」
• 添加如下配置：

"todohighlight.keywords": [
  {
    "text": "module.exports",
    "color": "#ff4500", // 自定义文本颜色
    "backgroundColor": "#fff3cd", // 自定义背景高亮色
    "isWholeLine": false // 仅标记目标文本，而非整行
  }
]

保存配置后，所有文件中的module.exports都会按你设置的样式高亮显示。

方法2：VS Code内置语义高亮（无需扩展） #

如果不想依赖第三方扩展，可通过内置配置实现：

• 打开settings.json，添加：

"editor.semanticTokenColorCustomizations": {
  "rules": {
    "module.exports": { 
      "foreground": "#2ecc71", 
      "fontStyle": "bold italic" // 可添加粗体、斜体等样式
    }
  }
}

注：该方式对JavaScript/TypeScript支持较好，其他语言可能需要额外适配语言服务。

方法3：专用标记扩展（Text Marker） #

Text Marker专为自定义文本标记设计，操作更直观：

1. 安装Text Marker扩展
2. 打开命令面板（Ctrl+Shift+P/Cmd+Shift+P），输入「Text Marker: Add Marker」
3. 输入module.exports，选择想要的颜色和样式即可完成标记

内容的提问来源于stack exchange，提问作者Esmail