如何让VS Code在Problems面板中显示TypeScript警告？

步骤1：配置TypeScript编译选项 #

打开项目根目录的tsconfig.json文件，在compilerOptions中添加或确保noUnusedLocals设置为true：

{
  "compilerOptions": {
    "noUnusedLocals": true,
    // 保留其他已有配置项
  }
}

这个配置会让TypeScript编译器主动检测未使用的局部变量，并生成对应的警告信息。

步骤2：开启VS Code的项目诊断功能 #

打开VS Code设置（快捷键Ctrl+,或Cmd+,），搜索typescript.tsserver.enableProjectDiagnostics，勾选该选项。
该设置用于控制是否将TypeScript项目的诊断信息（包括未读变量警告）同步到Problems面板中。

步骤3：重启TypeScript服务（若配置后未生效） #

打开命令面板（快捷键Ctrl+Shift+P或Cmd+Shift+P），输入并执行TypeScript: Restart TS Server。
部分情况下，TypeScript服务缓存会导致配置变更无法即时生效，重启服务即可刷新诊断信息。

注意：如果是未创建tsconfig.json的单个TypeScript文件，可以直接在VS Code设置中搜索unused locals，找到对应TypeScript的未使用变量检测选项并开启，同样能让警告显示在Problems面板。

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