ESLint在VS Code中正常运行但命令行无法使用的问题求助

一、命令行提示“eslint命令未找到”的原因 #

• 仅局部安装ESLint，未全局安装：你将ESLint作为开发依赖安装在Public目录的node_modules中，系统全局PATH里没有该命令的路径，直接输入eslint -v自然无法识别。
• 未通过包管理器调用局部包：局部安装的ESLint可执行文件存放在Public/node_modules/.bin目录下，默认不在系统PATH中，必须通过包管理器工具调用才能生效。

二、查看ESLint规则的方法 #

命令行解决办法（先修复调用问题） #

• 用npx直接调用局部ESLint：

  npx eslint --print-config file.js
  

• 在package.json中添加脚本命令：
  在scripts字段新增配置：

  "scripts": {
    "lint:config": "eslint --print-config file.js"
  }
  

  然后执行：

  npm run lint:config
  

VS Code内的查看方法 #

• 悬停直接看规则：鼠标悬停带红色波浪线的代码，弹出的提示框会显示具体违反的规则名称、规则说明，以及该规则的配置状态。
• 查看ESLint扩展规则列表：打开VS Code设置（Ctrl+, / Command+,），搜索ESLint: Rules，这里会列出所有ESLint规则，以及当前项目对这些规则的配置（启用、禁用、自定义参数）。
• 使用ESLint命令面板功能：
  1. 打开命令面板（Ctrl+Shift+P / Command+Shift+P），输入ESLint: Show Output Channel，可查看ESLint加载配置、规则的详细日志，能看到当前项目实际生效的规则集合。
  2. 选中代码中的规则名称（比如悬停提示里的规则名），打开命令面板输入ESLint: Show Rule Documentation，可直接查看该规则的详细定义和配置选项。
• 查看项目配置文件：直接打开项目根目录下的.eslintrc.js/.eslintrc.json/.eslintrc.yml等配置文件，里面明确列出了项目启用、禁用以及自定义的所有规则，是最直接查看规则配置的方式。

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