全局安装ESLint后VS Code未显示JS错误的问题求助

全局安装ESLint后，默认无配置文件时ESLint没有检查规则依据，因此不会提示错误。按以下步骤配置即可：

1. 创建全局ESLint配置文件 #

在你的用户主目录下（Windows：C:\Users\你的用户名；macOS/Linux：~/），手动创建.eslintrc.js文件，填入基础规则示例：

module.exports = {
  env: {
    browser: true,
    es2021: true,
    node: true
  },
  extends: 'eslint:recommended',
  parserOptions: {
    ecmaVersion: 'latest'
  },
  rules: {
    'no-unused-vars': 'warn',
    'no-undef': 'error'
  }
};

你也可以直接在终端执行eslint --init，按向导生成配置文件，确保文件生成在用户主目录下。

2. 配置VS Code ESLint扩展 #

• 打开VS Code设置（快捷键Ctrl+,），搜索ESLint: Use Global ESLint并勾选，让扩展调用全局安装的ESLint。
• 确认ESLint: Enable选项处于勾选状态，开启ESLint检查功能。
• 如果扩展仍无法识别全局ESLint，可手动指定全局模块路径：搜索ESLint: Node Path，填入全局npm模块路径（Windows示例：C:\Users\你的用户名\AppData\Roaming\npm；macOS/Linux示例：/usr/local/lib/node_modules）。

3. 验证效果 #

重启VS Code后，打开一个JS文件，写入一段包含错误的代码测试：

// 未定义变量，应触发error提示
console.log(undefinedVar);
// 未使用变量，应触发warn提示
let unusedVar = 123;

此时VS Code会显示对应的ESLint错误/警告标记。

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