如何为VSCode更换和配置喜欢的主题?

2次阅读

vscode 中更换主题分两步:先安装主题扩展(如 One Dark Pro、SynthWave ’84),再通过 Ctrl+K Ctrl+T 或命令面板启用颜色/文件图标主题;支持自定义 settings.json 微调细节。

如何为VSCode更换和配置喜欢的主题?

在 VSCode 中更换和配置主题非常简单,主要分两步:安装喜欢的主题扩展,再在设置中启用它。

查找并安装主题

VSCode 自带主题库,支持深色、浅色、高对比度等多种风格。打开左侧活动栏的扩展图标(或按 Ctrl+Shift+X),在搜索框输入关键词,比如 “Dracula”、“One Dark Pro”、“gitHub Theme” 或 “Solarized”。点击安装即可。

  • 推荐几个常用主题:One Dark Pro(类 sublime 风格)、Material Icon Theme(搭配图标更协调)、SynthWave ’84(霓虹赛博风)
  • 安装后无需重启,主题会立即生效(部分需手动启用)

切换颜色主题

安装完成后,按 Ctrl+Shift+P 打开命令面板,输入 “Preferences: Color Theme”,回车。会弹出所有已安装的颜色主题列表,上下键选择,回车确认。

  • 也可通过菜单栏:文件 → 首选项 → 颜色主题
  • 快捷键 Ctrl+K Ctrl+T 是专门打开颜色主题切换面板的快捷方式

切换文件图标主题

颜色主题只改编辑器界面,文件资源管理器里的图标由“文件图标主题”控制。同样用命令面板:Ctrl+Shift+P → 输入 “Preferences: File Icon Theme”,选择已安装的图标主题(如 Material Icon Theme)。

如何为VSCode更换和配置喜欢的主题?

Icons8 Background Remover

Icons8出品的免费图片背景移除工具

如何为VSCode更换和配置喜欢的主题? 31

查看详情 如何为VSCode更换和配置喜欢的主题?

  • 图标主题和颜色主题可自由组合,互不影响
  • 启用图标主题后,侧边栏的文件夹和文件类型会有对应图标,视觉更清晰

自定义主题细节(可选)

如果想微调主题效果,比如修改括号高亮色、光标样式或字体粗细,可以编辑 settings.json 文件。

  • Ctrl+, 打开设置,右上角点“打开设置 (json)”图标
  • 在里面添加如 "editor.matchBrackets": "always""workbench.colorCustomizations": { "editorBracketMatch.background": "#ff000030" }
  • 修改后保存,实时生效(部分设置需重开文件)

基本上就这些。主题换得顺手,写代码的心情也会好一点。

text=ZqhQzanResources