如何在 Visual Studio 代码中加载 TypeScript 错误日志文件

Question

是否可以在 VSCode 中加载错误日志文件？将错误传输到文件后 tsc > tsc.log 我想加载日志文件并解决所有项目文件中的错误。

Answer 1

您应该可以转到“文件”->“打开文件”并选择您的日志文件。 Visual Studio 代码可以打开任何文本编码文件，但突出显示和其他 support/convenience 功能将取决于您下载的扩展。

如果您转到扩展选项卡（编辑器左侧的方块）并查找 "log"，您应该会找到一些与日志相关的扩展。 日志文件荧光笔 可能对您的调试有用。

Answer 2

如果有任何内置的东西，我会感到惊讶。但是，您可以通过运行输出文件内容并将 TypeScript 问题匹配器应用于该输出的任务轻松地将 VSCode 欺骗到 "loading the file into the problems panel"。

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Load tsc.log",
            "type": "shell",
            "command": "type",
            "args": ["tsc.log"],
            "problemMatcher": ["$tsc"]
        }
    ]
}

（如果您不使用 Windows，请将 type 命令替换为 cat）

请注意 $tsc 问题匹配器 is only applied to closed files. You could work around this by defining a custom problem matcher that reuses the problem pattern from the TS extension:

"problemMatcher": [
    {
        "pattern": "$tsc",
        "applyTo": "allDocuments"
    }
]

如何在 Visual Studio 代码中加载 TypeScript 错误日志文件

How to load a TypeScript error log file in Visual Studio Code

typescript

visual-studio-code

vscode-tasks