如何在tsconfig.json中配置tsc适配浅色终端的易读输出颜色？

嘿，这个问题我之前在浅色终端写TypeScript的时候也碰到过！默认的青色和黄色确实太淡了，盯着看久了眼睛都酸😅。首先得说清楚：目前TypeScript官方并没有在tsconfig.json里提供自定义输出颜色的配置项——哪怕你开了"pretty": true，这套颜色方案也是内置固定的。不过有几个实用的办法能解决这个问题：

方法1：自定义终端的ANSI颜色映射（最推荐） #

大部分现代终端（比如iTerm2、Windows Terminal、GNOME Terminal）都允许你修改ANSI标准颜色的显示值。你只需要把tsc用的青色、黄色换成更适配浅色背景的深色调：

• 比如在iTerm2里：打开偏好设置 → Profiles → Colors → 找到ANSI颜色区域，把“Cyan”（青色）改成偏蓝的深青色，“Yellow”改成深橙色；
• Windows Terminal：进入设置 → 对应终端配置文件 → 颜色 → 调整ANSI的青色和黄色值。
  这种方法一劳永逸，不仅解决tsc的问题，其他工具的ANSI颜色输出也能适配你的浅色终端。

方法2：用第三方工具重写tsc输出颜色 #

如果不想改终端设置，可以用专门的工具来拦截并替换tsc的输出颜色。比如tsc-color这个npm包：

1. 先安装：npm install -g tsc-color
2. 然后把你原来的tsc命令换成tsc-color，比如在package.json的脚本里改成：

   "scripts": {
     "build": "tsc-color --config tsconfig.json"
   }
   

3. 你还可以创建一个tsc-color.json配置文件，自定义颜色映射，比如把默认青色替换成深蓝色：

   {
     "colors": {
       "cyan": "\x1b[34m",
       "yellow": "\x1b[31m"
     }
   }
   

方法3：临时关闭pretty模式（下策） #

如果上面的方法都不想折腾，可以把tsconfig.json里的"pretty": false关掉。这样tsc会输出无颜色的纯文本信息，虽然少了视觉区分，但至少不会有难读的亮色问题。不过这个会损失pretty模式的友好排版，所以只建议临时救急用。

另外，你也可以去TypeScript的GitHub仓库提一个Feature Request，建议官方添加自定义输出颜色的配置项——毕竟浅色终端用户群体不小，说不定官方会采纳这个需求呢！

内容的提问来源于stack exchange，提问作者Alexander Mills