可通过设置字体、配色及安装主题扩展自定义VSCode集成终端:一、在设置中调整terminal integrated font family和font size;二、在settings.json中用workbench.colorCustomizations配置terminal.ansi*等颜色;三、安装Terminal Themes等扩展并选择预设主题;四、在JSON中添加terminal.background等键值对定制UI元素。

如果您在使用 VSCode 时希望终端界面更符合个人视觉偏好或提升可读性,则需要调整集成终端的字体样式与配色方案。以下是实现该目标的具体操作步骤:
本文运行环境:MacBook Air,macOS Sequoia。
一、修改终端字体大小和字体族
VSCode 集成终端默认继承编辑器字体设置,但可通过独立配置项精确控制其显示字体,避免与编辑区混用造成混淆。
1、打开 VSCode 设置界面,点击左下角齿轮图标,选择“设置”。
2、在搜索框中输入 terminal integrated font family,定位到“Terminal > Integrated: Font Family”选项。
3、在输入框中填写字体名称,例如 "Fira Code", "JetBrains Mono", "monospace",支持多字体回退写法。
4、继续搜索 terminal integrated font size,修改“Terminal > Integrated: Font Size”值为所需像素数,如 14。
二、自定义终端文字颜色与背景色
终端颜色由内置主题色板(ANSI 调色板)控制,可通过用户设置中的 workbench.colorCustomizations 覆盖默认值,实现精细配色。
1、按下 Cmd + Shift + P(macOS)或 Ctrl + Shift + P(Windows/Linux),打开命令面板。
2、输入并选择“Preferences: Open Settings (JSON)”,进入 settings.json 编辑模式。
3、在 JSON 文件的根对象内添加 "workbench.colorCustomizations" 字段(若不存在则新建)。
4、在该字段下嵌套 "terminal.ansi*" 键,例如设置黑色为深灰:"terminal.ansiBlack": "#2d2d2d",绿色为亮绿:"terminal.ansiGreen": "#a6e22e"。
三、应用第三方终端主题扩展
部分扩展提供预设的终端配色方案,无需手动编写颜色代码,适合快速切换风格或匹配主流终端主题(如 One Dark、Dracula)。
1、点击左侧活动栏的扩展图标(或按 Cmd+Shift+X),在搜索框中输入 terminal theme。
2、安装评分高且更新频繁的扩展,例如 Terminal Themes 或 One Monokai。
3、安装后重启 VSCode,在设置中搜索 terminal integrated theme,从下拉菜单中选择已安装的主题名称。
四、通过 JSON 直接覆盖终端整体外观
除 ANSI 颜色外,还可单独定制光标、选中文本、背景等 UI 元素颜色,这些属性位于 workbench.colorCustomizations 下的 terminal.* 子键中。
1、在 settings.json 中确保 "workbench.colorCustomizations" 已存在且为对象类型。
2、添加如下键值对:"terminal.background": "#0c0c0c" 设置背景色,"terminal.foreground": "#f1f1f1" 设置默认文字色,"terminal.cursor": "#ff79c6" 设置光标颜色。
3、保存文件后,重新打开集成终端(Cmd+Shift+`)以使更改生效。










