更换颜色主题和文件图标可显著提升VS Code使用体验。1. 通过命令面板（Ctrl/Cmd + Shift + P）输入“Preferences: Color Theme”选择内置或第三方主题，如“One Dark Pro”；2. 同样方式设置“File Icon Theme”，推荐“Material Icon Theme”；3. 在settings.json中自定义配置，如指定colorTheme、iconTheme及colorCustomizations微调界面颜色，实现个性化高效开发环境。
想让VS Code看起来更顺眼、用起来更高效，自定义颜色主题和文件图标是个简单又见效的方法。你可以根据个人审美或工作环境调整界面色彩，还能通过图标快速识别文件类型。下面教你如何一步步设置。
更换或自定义颜色主题
VS Code 内置了多种颜色主题，也支持安装第三方主题。
- 打开命令面板（快捷键 Ctrl/Cmd + Shift + P）
- 输入“Preferences: Color Theme”，回车
- 在弹出的列表中上下浏览，实时预览不同主题效果
- 点击喜欢的主题即可立即应用
如果默认主题不够个性，可以在扩展商店搜索如 “One Dark Pro”、“Dracula”、“Nord” 等热门主题并安装。安装后它们会出现在主题列表中。
你也可以创建自己的颜色主题，需使用 JSON 定义语法高亮和界面颜色。通过 Yeoman 生成器（yo code）选择“New Color Theme”可快速生成模板，再手动编辑 token 颜色与界面元素配色。
设置文件图标主题
文件图标能让你在资源管理器中一眼认出文件类型，提升浏览效率。
- 打开命令面板
- 输入“Preferences: File Icon Theme”
- 选择你喜欢的图标包，比如 VS Code 自带的 “Minimal” 或 “Seti”
同样，可在扩展市场搜索图标主题，常见推荐有 “Material Icon Theme”、“vscode-great-icons”。安装后在图标主题列表中启用即可。
Material Icon Theme 设置细致，支持项目风格切换（如 Angular、React 专属图标），在设置中通过"material-icon-theme.folders.color"等配置项还能自定义文件夹颜色。
个性化你的设置（settings.json）
想进一步控制外观，直接编辑用户设置文件更灵活。
打开设置（Ctrl/Cmd + ,），点击右上角的“打开设置(JSON)”图标，添加如下字段：
{
"workbench.colorTheme": "One Dark Pro",
"workbench.iconTheme": "material-icon-theme",
"workbench.colorCustomizations": {
"editor.background": "#1e1e2e",
"statusBar.background": "#007acc"
}
}
workbench.colorCustomizations 允许你在不修改主题的情况下微调特定界面元素颜色，比如编辑器背景、侧边栏、状态栏等。颜色值支持 HEX、RGB 或 CSS 关键字。
基本上就这些。换个舒服的主题，配上清晰的图标，编码体验会轻松不少。不复杂但容易忽略。
