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

VS Code中如何自定义import module的语法高亮颜色?

修改VS Code中已导入模块的文本颜色

VS Code中并没有统一的「module」或「package」配置项来直接修改导入模块的颜色,语法高亮是通过**文本标记(Textmate Scopes)**来控制的,不同编程语言对应的标记名称不同,你可以按以下步骤操作:

  • 打开命令面板(Windows/Linux:Ctrl+Shift+P;Mac:Cmd+Shift+P),输入并执行 Developer: Inspect Editor Tokens and Scopes。
  • 将鼠标光标移到你想修改颜色的已导入模块文本上,此时会弹出一个信息面板,找到Textmate scopes区域,复制最具体的那个标记(比如Python中导入的模块对应的是 variable.other.imported.python,JavaScript中可能是 meta.import.module.js)。
  • 再次打开命令面板,输入并执行 Preferences: Open Settings (JSON),打开settings.json文件。
  • 在文件中添加或修改 editor.tokenColorCustomizations 配置,将刚才复制的标记和目标颜色填入,示例如下:
    "editor.tokenColorCustomizations": {
      "textMateRules": [
        {
          "scope": "variable.other.imported.python", // 替换为你查到的标记
          "settings": {
            "foreground": "#6A9955" // 替换为你想要的颜色值
          }
        }
      ]
    }
    
  • 保存settings.json文件,编辑器会自动应用新的颜色设置。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.25 14:36:25