更换颜色主题、图标主题、自定义字体与字号、调整布局缩放及编辑settings.json,可显著提升VS Code视觉体验,推荐使用Nord、Material Icon Theme、Fira Code等配置组合。

想让 VS Code 看起来更顺眼?其实不用换编辑器,工作台(Workbench)的外观自定义功能已经非常强大。从主题到图标,从布局到字体,只需几个设置就能彻底改变你的编码视觉体验。
1. 更换颜色主题(Color Theme)
颜色主题是影响整体观感最直接的方式。VS Code 内置了多种明暗主题,也可以通过扩展安装第三方主题。
- 打开命令面板(Ctrl+Shift+P 或 Cmd+Shift+P)
- 输入“Preferences: Color Theme”并回车
- 用上下键浏览主题,实时预览效果
- 选中喜欢的主题确认即可
热门推荐:默认的 Dark+、Light+,以及社区流行的 One Dark Pro、Solarized Dark、Nord 等。
2. 设置文件图标主题(File Icon Theme)
图标主题帮你快速识别文件类型,提升导航效率。
- 同样在命令面板中搜索“Preferences: File Icon Theme”
- 选择内置的 Minimal 或 Seti
- 也可安装如 Material Icon Theme 这类高人气扩展
安装后记得重新选择一次图标主题才能生效。
3. 自定义字体与字号
编辑区域的可读性很大程度取决于字体设置。
- 进入设置界面(Ctrl+,)
- 搜索“editor.fontFamily”
- 修改为你喜欢的等宽字体,例如:
'Fira Code', 'JetBrains Mono', 'Consolas', monospace - 启用连字(Ligatures):勾选“Editor: Font Ligatures”或设置 "editor.fontLigatures": true
- 调整“editor.fontSize”到舒适大小,通常 13–16px 比较合适
注意:连字字体需系统已安装,如 Fira Code 才能正常显示。
4. 调整工作台布局与缩放
如果你觉得界面太挤或太小,可以微调整体比例。
- 修改 "window.zoomLevel" 控制整个工作台缩放
(正值放大,负值缩小) - 隐藏不需要的侧边栏按钮,比如关闭“Git”或“Debug”视图
- 拖动分隔条调整侧边栏、面板高度
- 使用“View: Toggle Primary Side Bar”快捷键快速收起左侧
保持简洁有助于聚焦代码。
5. 使用个性化设置(settings.json)
图形界面设置有限,直接编辑 settings.json 可实现更精细控制。
- 打开命令面板 → “Preferences: Open Settings (JSON)”
- 添加如下配置示例:
每次保存都会立即生效,适合批量管理偏好。
基本上就这些。不复杂但容易忽略细节。改完之后,你会发现每天敲代码的心情都变好了。











