2024年如何让Visual Studio Code 1.95.1高亮未使用的JavaScript变量？

• 启用内置语言服务
  VS Code 1.95.1自带的JavaScript/TypeScript语言服务默认支持未使用变量检测，无需额外安装插件，确保你没有禁用该服务（默认处于启用状态）。

• 检查核心诊断设置

1. 打开设置面板：使用快捷键Ctrl+,（Windows/Linux）或Cmd+,（Mac），或者点击左下角齿轮图标选择「设置」。
2. 在搜索框输入javascript.diagnostics.unusedVariables，确认该选项设置为true（默认值即为true，若被修改过需改回）。
3. 若同时涉及TypeScript代码，可同步检查typescript.diagnostics.unusedVariables，确保同样设为true。

• 自定义高亮样式（可选）
  如果默认的灰色高亮不够醒目，可自定义颜色：

1. 打开命令面板：Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入Preferences: Open Settings (JSON)打开配置文件。
2. 添加以下配置（颜色值可自行调整）：

   "workbench.colorCustomizations": {
     "editorUnused.foreground": "#888888", // 浅灰色示例
     "editorUnused.border": "#ff444433" // 可选的淡红色边框
   }
   

3. 保存配置后，未使用的变量会立即显示自定义样式。

• 第三方Lint工具兼容说明
  如果你在用ESLint这类工具，需确保no-unused-vars规则已启用，且VS Code的ESLint插件配置正确。此时ESLint的提示会覆盖内置服务的诊断，以ESLint的规则为准。若遇到误判（比如全局变量、动态引用的变量），可通过添加注释// eslint-disable-next-line no-unused-vars临时忽略，或在settings.json中通过javascript.exclude排除特定文件。

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