如何将Visual Studio Code输出路径高亮颜色从白色改为绿色
操作步骤
- 打开VSCode命令面板:按下
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac) - 输入并选择
Developer: Inspect Editor Tokens and Scopes,启动元素检查功能 - 将鼠标移动到你需要修改颜色的白色路径文本上,记录界面中展示的最具体的「scope」值
- 重新打开命令面板,输入并选择
Preferences: Open User Settings (JSON),打开用户配置文件 - 在配置文件中添加以下代码,替换对应占位内容后保存即可生效:
"editor.tokenColorCustomizations": { "textMateRules": [ { "scope": "替换为你刚才记录的scope值", "settings": { "foreground": "#00FF00" // 可自定义绿色色值,比如浅绿可以用#90EE90、草绿用#32CD32 } } ] }
特殊场景适配
- 如果你只需要当前使用的主题生效,可将配置修改为以下格式,替换为你实际使用的主题名即可:
"editor.tokenColorCustomizations": { "[你的主题名称]": { "textMateRules": [ { "scope": "替换为记录的scope值", "settings": { "foreground": "#00FF00" } } ] } }
- 如果你要修改的是集成终端内的输出路径颜色,使用以下配置即可:
"terminal.integrated.tokenColorCustomizations": { "textMateRules": [ { "scope": "terminal.integrated.link", "settings": { "foreground": "#00FF00" } } ] }
内容的提问来源于stack exchange,提问作者Debasish Ghosh
相关产品推荐
相关产品推荐

