VSCode中如何自定义集成终端的颜色主题和字体

1次阅读

vscode集成终端可独立设置字体、字号和颜色主题,无需插件;修改settings.json中的terminal.integrated.fontFamily、fontSize、fontLigatures及colors字段即可生效,重启终端后立即应用。

VSCode中如何自定义集成终端的颜色主题和字体

VSCode 的集成终端支持独立于编辑器主题的配色和字体设置,只需修改 settings.json 中对应项即可生效,无需插件。

设置终端字体和大小

终端默认继承编辑器字体,但可单独指定更适配命令行的等宽字体(如 Fira CodeJetBrains Mono 或系统自带的 Consolas / Monaco),并调整字号提升可读性。

  • 打开设置(Ctrl+,Cmd+,),搜索 terminal integrated font
  • 修改以下两项:
    • "terminal.integrated.fontFamily": "Fira Code, Consolas, 'Courier New', monospace"
    • "terminal.integrated.fontSize": 14
  • 若需启用连字(ligatures),加上:"terminal.integrated.fontLigatures": true

自定义终端颜色主题

终端颜色由两部分控制:基础调色板(如黑、红、绿等 16 色)和语义色(如光标、选区、链接等)。推荐优先使用现成主题适配,再微调。

VSCode中如何自定义集成终端的颜色主题和字体

乾坤圈新媒体矩阵管家

新媒体账号、门店矩阵智能管理系统

VSCode中如何自定义集成终端的颜色主题和字体 219

查看详情 VSCode中如何自定义集成终端的颜色主题和字体

  • 先在设置中搜索 terminal integrated color,找到 "terminal.integrated.colorScheme" —— 它接受 css 颜色对象,例如:
  • 常见轻量覆盖写法(放在 settings.json 中):
    "terminal.integrated.colors": {       "black": "#2d2d2d",       "red": "#f2777a",       "green": "#99cc99",       "yellow": "#ffcc66",       "blue": "#6699cc",       "magenta": "#cc99cc",       "cyan": "#66cccc",       "white": "#f2f2f2",       "brightBlack": "#555555",       "brightRed": "#ff6666",       "brightGreen": "#a8e2a8",       "brightYellow": "#ffdd66",       "brightBlue": "#88bbff",       "brightMagenta": "#ff99cc",       "brightCyan": "#88eeee",       "brightWhite": "#ffffff",       "foreground": "#f2f2f2",       "background": "#1e1e1e",       "cursor": "#f2f2f2",       "selectionBackground": "#444444"     }
  • 注意:backgroundforeground 决定底色与文字主色,务必与字体颜色协调;selectionBackground 影响鼠标选中文本时的背景

让终端配色随编辑器主题自动切换

VSCode 不原生支持“终端颜色随主题联动”,但可通过扩展实现,比如安装 Terminal Theme(by eamodio)或 Customize ui + Monkey Patch(进阶用户)。更轻量的做法是:为常用主题(如 One Dark Pro、Solarized Light)分别保存多套 terminal.integrated.colors 配置,手动切换。

  • 在设置中用 WorkspacesProfiles(VSCode 1.88+)隔离不同项目的终端样式
  • 或配合 settings.json 的条件配置(需搭配插件如 Settings Cycler)快速轮换预设

基本上就这些。改完记得重启终端(关闭再打开新终端页),颜色和字体变化会立即生效。不复杂但容易忽略的是:终端字体设置不会影响 PowerShell 或 git bash 自身的渲染逻辑,只作用于 VSCode 的渲染层。

text=ZqhQzanResources