VSCode的代码高亮主题能自定义吗？-VSCode-PHP中文网

VSCode的代码高亮主题能自定义吗？

狼影

发布： 2025-10-26 23:01:02

原创

825人浏览过

答案：VSCode支持自定义代码高亮主题，可通过编辑settings.json修改颜色或创建新主题扩展。具体步骤包括使用editor.tokenColorCustomizations覆盖现有主题、通过yo code生成主题扩展、在JSON文件中定义token颜色及UI元素，并可针对keyword、string等语法元素设置样式，提升编辑器视觉体验。

vscode的代码高亮主题能自定义吗？

可以，VSCode 的代码高亮主题完全支持自定义。你可以修改现有主题，也可以创建全新的主题，调整语法高亮颜色、背景色、字体样式等，让编辑器更符合你的视觉偏好。

如何自定义代码高亮主题

1. 修改当前主题的高亮颜色
通过编辑用户设置（settings.json），使用 editor.tokenColorCustomizations 来覆盖当前主题的语法高亮颜色。例如：

{ "editor.tokenColorCustomizations": { "textMateRules": [ { "scope": "keyword", "settings": { "foreground": "#ff6347", "fontStyle": "bold" } }, { "scope": "string", "settings": { "foreground": "#32cd32" } } ] } }

上面配置将关键字设为红色加粗，字符串设为绿色。