给我一个完全兼容vue2的eslintrc.js的配置文件,让我可以直接复制就能用
时间: 2024-03-08 14:46:27 浏览: 168
好的,以下是一个完全兼容 Vue 2 的 `.eslintrc.js` 配置文件:
```javascript
module.exports = {
root: true,
env: {
browser: true,
node: true,
es6: true
},
parserOptions: {
parser: 'babel-eslint',
ecmaVersion: 2018,
sourceType: 'module'
},
extends: [
'eslint:recommended',
'plugin:vue/recommended'
],
plugins: [
'vue'
],
rules: {
'vue/max-attributes-per-line': ['error', {
'singleline': 10,
'multiline': {
'max': 1,
'allowFirstLine': false
}
}],
'vue/html-self-closing': ['error', {
'html': {
'void': 'never',
'normal': 'always',
'component': 'always'
},
'svg': 'always',
'math': 'always'
}],
'vue/attribute-hyphenation': ['error', 'always'],
'vue/html-indent': ['error', 2, {
'attribute': 1,
'closeBracket': 0,
'alignAttributesVertically': true,
'ignores': []
}],
'vue/order-in-components': ['error', {
'order': [
'el',
'name',
'parent',
'functional',
['delimiters', 'comments'],
['components', 'directives', 'filters'],
'extends',
'mixins',
'inheritAttrs',
'model',
['props', 'propsData'],
'data',
'computed',
'watch',
'LIFECYCLE_HOOKS',
'methods',
['template', 'render'],
'renderError'
]
}],
'vue/this-in-template': ['error', 'never'],
'vue/require-prop-types': 'error',
'vue/require-default-prop': 'error',
'vue/no-v-html': 'error',
'vue/prop-name-casing': ['error', 'camelCase'],
'vue/attributes-order': ['error', {
'order': [
'DEFINITION',
'LIST_RENDERING',
'CONDITIONALS',
'RENDER_MODIFIERS',
'GLOBAL',
'UNIQUE',
'TWO_WAY_BINDING',
'OTHER_DIRECTIVES',
'OTHER_ATTR',
'EVENTS',
'CONTENT'
],
'alphabetical': false
}],
'vue/no-unused-components': ['error', {
'ignoreWhenBindingPresent': true
}],
'vue/no-unused-vars': 'error',
'vue/no-multiple-template-root': 'error',
'vue/valid-template-root': 'error',
'vue/no-deprecated-slot-attribute': 'error',
'vue/no-deprecated-slot-scope-attribute': 'error',
'vue/no-deprecated-v-bind-sync': 'error',
'vue/no-deprecated-v-on-native-modifier': 'error',
'vue/no-deprecated-props-default-this': 'error',
'vue/no-deprecated-dollar-listeners-api': 'error',
'vue/no-deprecated-v-on-number-modifiers': 'error',
'no-console': 'off'
}
}
```
这个配置文件包含了一些常见的 linting 规则和 Vue 相关的规则,可以帮助你在 Vue 2 项目中进行代码检查和格式化。
注意,这个配置文件中包含了一些严格的规则,如果你的项目中已经存在一些规则冲突的问题,可以自行调整配置,或者在项目中使用特定的 `.eslintrc` 文件。
希望这个配置文件可以帮助你。
阅读全文