VScode ESLint 插件不生效原因_vscode eslint不生效

前提：

• 确保eslint配置文件和node_modules在根目录下（vscode打开在项目根目录）
• 确定安装了vscode eslint插件
• 确认package.json中安装了 eslint和eslint-plugin等，并且成功执行npm install
  也就是node_modules 目录下有eslint
• 确认使用命令npx eslint ./xxx.js 可以正常输出，保证eslint配置无误。

如何排查

• vscode 按下f1 
• 输入eslint
• 选择ESLint: Show Output Channel查看eslint报错信息

不生效原因： 

当前eslint版本为8，eslint 插件为2.1.23

根据vscode eslint插件描述，插件在2.2.0版本才支持eslint8

 解决

安装eslint@7

按下f1 输入eslint 选择Restart ESLint Server 或者重启vscode

其他

写了一个工具，用于vscode自动化配置eslint prettier

vscode-eslint-prettier-helper - npm (npmjs.com)

npx vscode-eslint-prettier-helper