vue eslintrc.js 常用配置代码

Vue.js作为一种流行的JavaScript框架，有其独特的编码规范要求。ESLint是一种流行的代码规范检测工具，它可以保证代码风格的一致性以及避免一些潜在的错误。因此，在Vue.js开发中，ESLint的配置非常重要。以下是Vue.js常用的ESLint配置:

1. "eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {
"no-console": "off",
"no-debugger": "off"
}
}

这个配置文件的主要目的是为ESLint提供一个根文件，并告诉它该如何解析Vue.js代码。其中“extends”选项配置了ESLint插件和所继承的规则集。在规则方面，关闭了“no-console”和“no-debugger”规则，这些是在开发环境中允许的，但在生产环境中应被禁用。

2. "eslintConfig": {
"extends": [
"plugin:vue/strongly-recommended",
"@vue/prettier"
],
"rules": {
"prettier/prettier": "error"
}
}

这个配置使用了“plugin:vue/strongly-recommended”插件，加强了ESLint的规则校验，并关闭了常见的开发中不可避免的错误。同时使用了“@vue/prettier”插件，使代码具有更好的可读性和排版，规则中也加上了与“prettier”相关的“prettier/prettier”项，以确保代码的正确性。

总结来说，ESLint的配置是根据具体需求和项目特点而定的。以上提到的两个配置仅是其中的两个典型例子，开发者可以根据实际情况进行选择和修改。