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

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

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

2025-12-09

浏览次数：次

返回列表

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

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

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

设置终端字体和大小

终端默认继承编辑器字体，但可单独指定更适配命令行的等宽字体（如 Fira Code、JetBrains 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 色）和语义色（如光标、选区、链接等）。推荐优先使用现成主题适配，再微调。

标贝悦读AI配音

在线文字转语音软件-专业的配音网站

78 查看详情标贝悦读AI配音

先在设置中搜索 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": &quot;#88bbff",
      "brightMagenta": "#ff99cc",
      "brightCyan": "#88eeee",
      "brightWhite": "#ffffff",
      "foreground": "#f2f2f2",
      "background": "#1e1e1e",
      "cursor": "#f2f2f2",
      "selectionBackground": "#444444"
    }

注意：background 和 foreground 决定底色与文字主色，务必与字体颜色协调；selectionBackground 影响鼠标选中文本时的背景

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

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