如何让 Visual Studio Code 检查整个项目的错误？

Question

我正在使用 VS Code 进行 TypeScript/JavaScript 开发。当我打开一个文件时，它会检查该文件是否有错误。问题是如果我正在重构（比如我将一些共享代码移动到新位置或更改名称），它不会向我显示由此引起的错误，直到我打开有问题的文件。 ...因此，如果我想进行广泛的重构，我必须打开每个文件以使其扫描文件以查找错误。

如何让 VS Code 扫描整个项目的错误，而无需手动一个一个地打开每个文件？

Answer 1

VS Code (v1.44) 有一个实验性 功能，允许project wide error reporting 在 TS 中使用。试试看：

// put this line in settings.json
"typescript.tsserver.experimental.enableProjectDiagnostics": true

Answer 2

想通了。请注意，此答案特定于我正在使用的 TypeScript。这里是：

确保 typescript 已全局安装（显然我只是在本地安装了我的）： npm install -g typescript

然后在 VS Code 中按 Shift+Ctrl+B。如果您没有设置任务运行器，它会询问您想要什么。我选择了 typescript，tasks.json 文件将如下所示：

{
    "version": "0.1.0",
    "command": "tsc",
    "isShellCommand": true,
    "args": ["-p", "."],
    "showOutput": "silent",
    "problemMatcher": "$tsc"
}

然后按 Shift+Ctrl+B（或 Shift+Command +B in macOS）将检查整个项目是否存在问题，并将在您的“问题”面板中报告。

Answer 3

对于 tasks.json 的 most recent version，这是正确的 json，在 1.14 版中已弃用。创建为/.vscode/tasks.json

{
    "version": "2.0.0",
    "command": "tsc",
    "type": "shell",
    "args": [
        "-p",
        "."
    ],
    "presentation": {
        "reveal": "silent"
    },
    "problemMatcher": "$tsc"
}

Answer 4

如果您不想全局安装 TypeScript，可以执行以下操作：

1. 在项目本地安装TypeScript，即yarn add --dev typescript或npm install --save-dev typescript。

2. 将检查类型运行脚本添加到./package.json。 --noEmit 表示编译器不会生成任何 JavaScript 文件。

{
  "scripts": {
    "check-types": "tsc --noEmit"
  }
}

1. 让 VSCode 知道/.vscode/tasks.json 中的运行脚本。

{
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "check-types",
      "problemMatcher": [
        "$tsc"
      ]
    }
  ]
}

4. 要运行任务，请按 F1 键并选择“运行任务”，然后选择“npm: check-types”。

5. 如果您在任务中添加以下行，按Ctrl+B 将运行它。

   “组”：{ “种类”：“构建”， “isDefault”：真 }

Answer 5

在 vs code 中打开项目后，打开 vs code 终端并运行：

node_modules/.bin/tsc --noEmit

Answer 6

更新。
我在下面的回答没有回答最初的问题，但是如果你和我一样并且发现这个线程正在搜索如何在 VSCode 中打开 // @ts-check 项目范围，这样你就不需要添加 // @ts-check 到每个文件然后我的答案就是你需要的。我已经搜索和搜索并一直将此线程作为我的最佳结果，因此希望这对其他人也有帮助

---

我使用的是 1.52.1 版本的 vscode，答案非常简单直接在 vscode 网站上：

https://code.visualstudio.com/docs/nodejs/working-with-javascript#_type-checking-javascript

向下滚动到“使用 jsconfig 或 tsconfig”部分

在你的项目根目录中添加一个 jsconfig.json 并添加"checkJs": true

{
  "compilerOptions": {
    "checkJs": true
  },
  "exclude": ["node_modules", "**/node_modules/*"]
}

添加后可能需要重启 vscode

Answer 7

编辑：自从更新到 1.52.0 这不再有效。它会用您选择的内容替换当前项目文件...

===

我已经尝试了所有我能找到的解决方案，我认为可以肯定地说答案是：你不能*

我发现的最好的技术仍然是手动打开每个文件，但至少不是一个接一个：

1. 您不能拖放目录，但可以选择多个文件（包括目录）并拖放。目录将被忽略，您选择的所有文件都将在选项卡中打开。
2. 接下来，您需要赋予每个选项卡焦点，以便触发 eslint 运行。 （按住下一个标签键盘快捷键有效。）

这太糟糕了，我请求有人证明我错了。

*我还没有找到一种可以像手动打开文件一样有效的方法。每种方法——实验性 vscode 功能和 tsc 任务——都有其自身的缺点。 vscode 功能显然是解决方案，但without a way to ignore node_modules, etc. 使用起来太痛苦了。