如何在VS Code集成终端中显示iTerm2徽章？

核心原因 #

VS Code的集成终端只是复用你的shell环境，并非完整调用iTerm2实例——iTerm2的徽章是它自身应用层的专属特性，不会被VS Code集成终端继承。你修改的terminal.external.osxExec这类设置只影响外部终端的调用，和内嵌的集成终端完全无关。

可行方案 #

1. 用Shell脚本模拟徽章效果 #

既然iTerm2的徽章没法复用，直接在shell里配置提示符或状态栏，把开发上下文信息显示出来，效果类似徽章：

• Zsh用户：编辑~/.zshrc，添加以下内容（假设你的开发上下文存在DEV_CONTEXT环境变量里）：

  export DEV_CONTEXT="dev-env-v2" # 替换成你的实际上下文值
  # 把信息加到右侧提示符，蓝色显示
  RPROMPT="%F{blue}[$DEV_CONTEXT]%f"
  

• Bash用户：编辑~/.bashrc，添加：

  export DEV_CONTEXT="dev-env-v2"
  # 把信息追加到提示符末尾，蓝色显示
  PS1="$PS1\[\033[34m\][$DEV_CONTEXT]\[\033[0m\] "
  

  保存后重启VS Code集成终端，就能看到上下文信息，和徽章一样能快速识别环境。

2. 用VS Code扩展给终端加标识 #

VS Code有不少扩展可以给集成终端添加自定义装饰：

• 安装Terminal Decorator，在扩展设置里配置要显示的上下文文本（可以绑定环境变量，比如${env:DEV_CONTEXT}），它会在终端窗口的指定位置显示标识。
• 或者用Env Var Display，直接把指定环境变量的值显示在终端标题栏或侧边，不用手动改shell配置。

3. 切换到外部iTerm2终端 #

如果一定要用iTerm2的原生徽章功能，让VS Code直接打开外部iTerm2窗口：

1. 打开VS Code设置，搜索terminal.external.osxExec，设置为/Applications/iTerm.app。
2. 搜索terminal.integrated.defaultProfile.osx，把默认终端改成"External"。
   这样每次打开终端都会弹出独立的iTerm2窗口，徽章功能正常生效，唯一缺点是没法在VS Code内嵌窗口使用。

4. 自定义VS Code终端标题 #

把开发上下文写入终端标题，VS Code的终端标签页会显示这个信息：

• Zsh用户：在~/.zshrc添加：

  export DEV_CONTEXT="dev-env-v2"
  echo -ne "\033]0;$DEV_CONTEXT\007"
  

• Bash用户：在~/.bashrc添加：

  export DEV_CONTEXT="dev-env-v2"
  echo -ne "\033]0;$DEV_CONTEXT\007"
  

  重启终端后，VS Code的终端标签会显示你的开发上下文，虽然不是右上角徽章，但识别效率差不多。

内容的提问来源于stack exchange，提问作者Jinsoo Heo