babel-eslint eslint es babel解析器
eslint-plugin-prettier eslint代码采用prettier代码风格检查,高版本默认添加eslint-config-prettier,且默认为'prettier/recommend'格式
eslint-config-prettier 关闭eslint与prettier检查代码冲突部分规则，且提供vue，react优化语法规则eslint-config-prettier/[vue|react]
eslint-config-standard eslint标准规则
eslint-plugin-vue 添加eslint检查vue文件代码规则
vue-cli配置eslint
cli-plugin-eslint vue-cli集成eslint
@vue/eslint-config-prettier vue-cli插件对eslint-config-prettier扩展，依赖于eslint-config-prettier
@vue/eslint-config-standard vue-cli插件对eslint-config-standard扩展，依赖于eslint-config-standard,两者一样
nuxt配置eslint
@nuxtjs/eslint-module nuxt.config.js中配置集成eslint， buildModules: ['@nuxtjs/eslint-module']
@nuxtjs/eslint-config nuxt集成eslint-config-standard eslint-plugin-import eslint-plugin-vue
exlint-plugin-nuxt 配置nuxt.js规则plugin:nuxt/base或plugin:nuxt/recommend
extends 默认插件eslint-config-可省略， eslint-plugin-则以plugin:代替，@vue/eslint-config-prettier则缩写为@vue/prettier
webpack5 直接只用插件eslint-webpack-plugin引入
webpack配置使用规则
plugins: ['prettier'],
extends: [
'standard',
'prettier',
'plugin:vue/essential'
]
'prettier/prettier': 'error'
或
extends: [
'standard',
'plugin:vue/essential',
'plugin:pretter/recommended'
]
vue-cli配置使用规则
extends: [
'@vue/standard',
'plugin:vue/essential',
'@vue/prettier',
'plugin:prettier/recommended'
]
nuxt配置使用规则
extends: [
'@nuxtjs',
'plugin:nuxt/recommended',
'prettier/vue',
'plugin:prettier/recommended'
]
eslint规则地址：https://eslint.vuejs.org/rules/
