VSCode代码检查级别_修改Warning与Error的显示样式-VSCode-PHP中文网

将 tsconfig.json 中 "nounusedlocals": "error" 并重启 ts server 即可使 typescript 未使用局部变量提示变为 error；若无效需确认配置路径正确、无 eslint 冲突或 monorepo 干扰。

vscode代码检查级别_修改warning与error的显示样式

VSCode 本身不直接控制“Warning”或“Error”的语义级别，它只是展示语言服务器（如 TypeScript Server）发来的诊断信息。真正决定某条规则是 Warning 还是 Error 的，是 TypeScript 的配置。

修改 tsconfig.json 中的 "compilerOptions"：

{
"compilerOptions": {
  "noUnusedLocals": "error",
  "noUnusedParameters": "warn",
  "strict": true
}
}

支持的值只有 "error"、"warn"、"off"（注意是字符串，不是布尔值）
改完后必须重启 TS Server：按 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS），输入并执行 TypeScript: Restart TS server
如果项目用了 ESLint + TypeScript，那实际提示可能来自 ESLint，此时要查 .eslintrc.js 里 @typescript-eslint/no-unused-vars 的配置项，设为 "error"

常见原因不是配置没生效，而是 VSCode 正在用错误的 tsconfig.json：

确认当前打开的是工作区根目录，且该目录下有 tsconfig.json；如果打开了子文件夹，TS Server 可能回退到全局默认配置
检查状态栏右下角：点击 TypeScript 版本号旁的 {} tsconfig.json，确认路径是否指向你修改的那个文件
如果项目含多个 tsconfig.json（如 tsconfig.app.json、tsconfig.spec.json），VSCode 默认只读取根目录下的基础配置，其他需通过 "extends" 显式继承，否则不会生效
有些 monorepo 工具（如 Nx、pnpm workspaces）会干扰 TS Server 的配置解析，建议临时关闭插件（如 Nx Console）再验证

如果你不想改规则级别，只想让 Warning 更醒目（比如也变红色），这是纯 UI 层面的调整：

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

点击「在 settings.json 中编辑」，添加：

"workbench.colorCustomizations": {
"editorWarning.foreground": "#ff0000",
"editorError.foreground": "#ff0000"
}

注意：editorWarning.foreground 控制所有 Warning 的文字颜色（包括拼写、未使用变量等），但它不会改变问题面板里的图标或分类，问题仍归在 “Warnings” 组
不建议把 Warning 和 Error 颜色设成完全一样，否则失去区分意义；更实用的做法是调亮背景：用 editorWarning.background 加浅色底纹

当一个文件同时被 TypeScript Server 和 ESLint 检查（常见于 Vue/React + TS 项目），你会看到重复提示，甚至冲突：

VSCode 默认优先显示 ESLint 的结果（如果装了 ESLint 插件且启用了 eslint.enable: true）
某些规则（如未使用变量）TS 和 ESLint 都有，但默认行为不同：no-unused-vars 在 ESLint 中默认是 "warn"，而 TS 的 noUnusedLocals 默认是 "warn"，但开启 strict 后也不会自动升为 error

解决冲突的关键是关掉其中一方：在 .eslintrc.js 中禁用 TS 已覆盖的规则：

rules: {
"@typescript-eslint/no-unused-vars": "off", // 让 TS 自己管
"no-unused-vars": "off"
}

TS 的诊断级别最终由它的配置驱动，VSCode 只是忠实呈现。想改“是什么”，得动配置；想改“看起来像什么”，才动颜色；而两者混用时，不明确主次，就一定会反复踩坑。

VSCode代码检查级别_修改Warning与Error的显示样式