如何着色 tsc 输出中的错误？答案

【问题标题】：How to colorize the errors in tsc output?如何着色 tsc 输出中的错误？
【发布时间】：2016-12-19 12:50:33
【问题描述】：

在开发打字稿项目时，我在监视模式下运行编译器：

tsc --watch

然而，当出现错误时，我发现在输出中很难辨别，因为我有纯格式文本：

很多时候我什至都不看它，因为以前的运行有多个输出。

我目前正在尝试通过查找错误以将这些行标记为红色来减轻我的痛苦：

tsc -w | egrep --color '.*error.*|$'

然而，这感觉很骇人听闻。有没有更简单的方法可以在 typescript 中很好地打印出错误？

【问题讨论】：

【解决方案1】：

TypeScript 支持多个compiler options，其中一个是pretty：

使用颜色和上下文风格化错误和消息。

唉，它默认为false，所以你必须在.tsconfig 中启用它：

{
    "compilerOptions": {
        "pretty": true
    }
}

然后你会得到颜色和更多的上下文信息：

【讨论】：

谢谢。 "pretty" 现在默认为 true。 除非管道传输到另一个程序或将输出重定向到文件。 typescriptlang.org/docs/handbook/compiler-options.html

【解决方案2】：

您可以使用--pretty 来确保通过管道传递到另一个命令或转储到文件中的错误消息得到颜色和其他很好的处理：

tsc --pretty | egrep --color '.*error.*|$'

# or, if you prefer to dump to a file and read from it:
tsc --pretty > errs.txt
less -R errs.txt

【讨论】：