如何让VSCode显示文件的TypeScript错误*而不是在编辑器中打开？

Question

在我的[email protected] TypeScript / React应用程序中，TS编译器错误仅显示在我在VS代码编辑器中打开的文件的“问题”窗格中。因此，在实际运行应用程序之前，我有时不会发现错误。

如何在打开工作区或将更改保存到文件时让TypeScript自动检查所有代码文件中的编译器错误？

我尝试在"watch": "tsc --watch"中添加package.json作为脚本，然后在集成的终端窗格中执行npm run-script watch，但这有两个问题：

• 错误显示在终端窗格中，但不填充VSCode中的“问题”窗格
• 我必须手动运行它，而不是在工作空间加载时自动启动它

有更好的解决方案吗？

顺便说一句，这是与Show project wide TypeScript problems/errors in webstorm相同的问题，但是关于Visual Studio Code而不是webstorm。

Answer 1

截至2019年3月，不幸的是，VS Code不支持开箱即用。见https://github.com/Microsoft/vscode/issues/13953。

我能找到的最好的解决方法是来自@molinx在上面的GitHub问题中的回答。摘录如下：

1）添加任务。请注意，下面代码段中的“www”指的是您要检查的tsconfig.json文件夹。

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "tsc watch",
            "type": "shell",
            "command": "./node_modules/.bin/tsc",
            "isBackground": true,
            "args": ["--watch", "--noEmit", "--project", "www"],
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "presentation": {
                "reveal": "never",
                "echo": false,
                "focus": false,
                "panel": "dedicated"
            },
            "problemMatcher": "$tsc-watch"
        }
    ]
}

2）要在启动时运行，这是上面配置的海报推荐的内容。请注意，我还没有尝试过，所以YMMV：

使用此扩展程序在启动时运行任务：https://marketplace.visualstudio.com/items?itemName=yukidoi.blade-runner