如何修改Angular 12中TSLINT输出的ERROR文本颜色？

问题原因 #

你修改$host.PrivateData.ErrorForegroundColor无效的核心原因是：TSLint的错误输出是通过npm直接输出带硬编码ANSI颜色序列的文本到标准输出（stdout），而非PowerShell自身的错误流（stderr）。PowerShell的ErrorForegroundColor仅控制自身错误命令（如Write-Error）的输出颜色，对第三方工具的ANSI彩色输出不生效。

可行解决方案 #

方案1：禁用TSLint自带颜色，用PowerShell自定义高亮 #

直接让TSLint输出无颜色文本，再通过PowerShell给指定关键字上色：

1. 修改项目package.json中的lint脚本，添加--no-color参数：

   {
     "scripts": {
       "lint": "tslint --no-color 'src/**/*.ts'"
     }
   }
   

2. 在PowerShell中执行lint命令时，用自定义逻辑给ERROR:关键字添加黄色高亮：

   npm run lint | ForEach-Object {
       if ($_ -match "ERROR:") {
           Write-Host $_ -ForegroundColor Yellow
       } else {
           Write-Host $_
       }
   }
   

方案2：替换TSLint输出中的ANSI颜色序列 #

TSLint用ANSI转义码\e[31m标记红色，\e[33m对应黄色，直接替换这些序列实现颜色修改：
创建PowerShell脚本FixLintColors.ps1：

npm run lint | ForEach-Object {
    # 将红色ERROR标记替换为黄色
    $_ -replace "`e\[31mERROR:", "`e\[33mERROR:" `
       -replace "`e\[0m", "`e\[0m"
}

执行脚本：

. .\FixLintColors.ps1

注：若PowerShell 5.1不识别ANSI序列，先执行Set-ItemProperty HKCU:\Console VirtualTerminalLevel -Type DWORD 1，重启会话后再试。

方案3：自定义TSLint格式化器（最灵活） #

通过自定义格式化器完全控制输出样式：

1. 在项目根目录创建custom-lint-formatter.ts：

   import { Formatter, Failure } from "tslint";
   
   export class CustomFormatter extends Formatter {
       format(failures: Failure[]): string {
           return failures.map(failure => {
               // 用黄色ANSI码包裹ERROR标记
               return `\x1b[33mERROR: ${failure.startPosition.line + 1}:${failure.startPosition.character + 1}\x1b[0m ${failure.ruleName} ${failure.failure}`;
           }).join('\n');
       }
   }
   

2. 修改tslint.json配置自定义格式化器：

   {
     "formatters": [
       {
         "name": "custom",
         "path": "./custom-lint-formatter.ts"
       }
     ],
     "defaultFormatter": "custom"
   }
   

3. 执行npm run lint即可看到黄色的ERROR标记。

内容的提问来源于stack exchange，提问作者P.Brian.Mackey