如何着色tsc输出中的错误?

时间:2016-12-19 12:50:33

标签: typescript tsconfig

在开发一个打字稿项目时,我以监视模式运行编译器:

tsc --watch

然而,当出现错误时,我发现在输出中很难辨别,因为我有简单的格式化文本:

error output of tsc: <code>src/core/SnowWhite/Cruise/SnowWhiteCruiseClient.ts(10,52): error TS2304: Cannot find name 'favfav'.</code>

通常我甚至都不读它,因为以前的运行有多个输出。

我目前正试图通过点击错误来缓解我的痛苦,以便用红色标记这些行:

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

然而这感觉很乱。是否有更简单的方法可以在打字稿中很好地打印错误?

1 个答案:

答案 0 :(得分:9)

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

  

使用颜色和上下文对错误和消息进行样式化。

唉,它默认为false,因此您必须在.tsconfig中启用它:

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

然后你会得到颜色和更多的背景信息:

Screenshot of tsc with pretty enabled to provide colors and more context on errors