一、先搞定yarn start导致的背景异常 #

这种情况大概率是脚本输出了修改终端背景的ANSI控制代码，或者VSCode的终端配置/插件冲突导致的，按下面的步骤排查：

• 检查你的start脚本：打开项目根目录的package.json，看scripts里的start命令是不是调用了会修改终端主题的工具，或者包含了tput setab这类直接设置背景色的shell命令。如果有，把那部分代码删掉或者注释掉，再重新运行yarn start试试。
• 调整VSCode终端的自动化配置：VSCode在运行任务（比如yarn start）时可能用了单独的自动化终端配置。打开设置（快捷键Ctrl+,），搜索terminal.integrated.automationProfile，找到你正在使用的shell（比如bash、zsh、PowerShell），把它的background颜色设置成和普通终端一致的值（比如默认的深色#1e1e1e）。
• 排查shell配置文件：如果你的bash/zsh配置文件（.bashrc/.zshrc）里有针对yarn命令的钩子或别名，可能会动态修改终端颜色。打开配置文件搜索yarn相关的代码，看看有没有设置背景色的逻辑，删掉即可。
• 禁用终端相关插件：有些终端美化插件（比如Terminalizer、Zsh Syntax Highlighting的某些配置）可能会干扰终端颜色。暂时禁用这些插件，再运行yarn start，如果恢复正常，就逐个排查是哪个插件的问题，调整插件设置。

二、自定义VSCode终端背景颜色的两种方法 #

方法1：通过VSCode内置设置（推荐）

• 全局/工作区设置：打开设置（Ctrl+,），直接搜索terminal.integrated.background，点击颜色选择器就能挑选你想要的背景色。如果只想针对当前项目生效，可以切换到"工作区"标签页修改，会自动生成.vscode/settings.json文件。
• 区分不同终端类型：如果想给普通终端和任务终端设置不同背景，搜索terminal.integrated.profiles，找到对应shell的配置，添加background属性。比如针对bash的配置：

{
  "terminal.integrated.profiles.bash": {
    "path": "bash",
    "background": "#2d2d2d"
  },
  "terminal.integrated.automationProfile.bash": {
    "background": "#2d2d2d"
  }
}

方法2：通过shell配置文件修改（全局生效）

如果你希望在所有终端环境（包括VSCode外的终端）都用同一个背景色，可以修改shell的配置文件：

• bash：打开.bashrc，添加一行设置提示符的代码，指定背景色：

# 设置背景为深灰色（ANSI颜色代码48;5;235），前景为白色
PS1='\[\033[48;5;235m\]\[\033[38;5;15m\]\u@\h:\w\$ \[\033[0m\]'

• zsh：在.zshrc里修改PROMPT变量，或者调整oh-my-zsh的主题配置，确保没有动态切换背景的逻辑。

内容的提问来源于stack exchange，提问作者Jun Sung Yun