我帮你补全并优化问题匹配器的配置，让VS Code能正确捕获fork-ts-checker输出的TypeScript错误和警告，实时显示在问题面板里。

完整的tasks.json配置 #

把下面的内容放到你的.vscode/tasks.json文件中：

{
  "version": "2.0.0",
  "tasks": [
    {
      "type": "shell",
      "command": "webpack -w --config webpack.dev.js",
      "label": "Webpack (Dev, Continuous)",
      "group": "build",
      "promptOnClose": true,
      "isBackground": true,
      "problemMatcher": {
        "owner": "typescript",
        "fileLocation": "absolute",
        "pattern": [
          {
            "regexp": "^(ERROR|WARNING):\\s+(.*):(\\d+):(\\d+)\\s+-\\s+(.*)$",
            "severity": 1,
            "file": 2,
            "line": 3,
            "column": 4,
            "message": 5
          }
        ],
        "background": {
          "activeOnStart": true,
          "beginsPattern": "^\\s*webpack is watching the files.*$",
          "endsPattern": "^\\s*webpack compiled (successfully|with errors|with warnings).*$"
        }
      }
    }
  ]
}

关键配置细节解释 #

• owner: 设为typescript而非webpack，因为这些问题本质是TypeScript检查器输出的，VS Code会关联到TS语言服务，显示更精准的提示。
• fileLocation: 明确指定"absolute"，因为fork-ts-checker默认输出绝对文件路径，VS Code能直接定位到对应文件。
• pattern: 专门适配fork-ts-checker的输出格式，正则表达式会捕获：
  • 错误/警告的严重级别
  • 出错的文件路径
  • 具体行号、列号
  • 错误提示内容
• background: 配置后台任务的启动和结束标识，让VS Code清楚什么时候开始监听编译输出，什么时候结束一轮编译，避免误判任务状态。

额外小提示 #

如果你的fork-ts-checker配置了自定义输出格式，可能需要微调pattern里的正则表达式，确保能精准匹配你的实际输出内容。测试时可以故意写一个TS错误（比如声明了未使用的变量），启动任务后查看问题面板是否能实时捕获到这个错误。

内容的提问来源于stack exchange，提问作者laptou