适用于vue2的.eslintrc.js
时间: 2023-11-29 17:04:42 浏览: 33
详解vue-cli中的ESlint配置文件eslintrc.js
好的,以下是一个适用于Vue2的.eslintrc.js文件的例子:
```javascript
module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential',
'@vue/standard'
],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'semi': ['error', 'always'],
'indent': ['error', 2],
'quotes': ['error', 'single'],
},
parserOptions: {
parser: 'babel-eslint'
}
}
```
这个配置文件使用了 `plugin:vue/essential` 和 `@vue/standard` 这两个扩展,分别提供了Vue相关的规则和ESLint的基础规则。其中一些自定义规则包括:
- 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',在生产环境中禁止使用console.log等输出语句。
- 'semi': ['error', 'always'],强制使用分号。
- 'indent': ['error', 2],强制使用两个空格缩进。
- 'quotes': ['error', 'single'],强制使用单引号。
顺便提醒一下,这个配置文件使用了babel-eslint解析器,因为Vue CLI 3默认使用了babel。如果你使用的是其他的解析器,需要相应地修改parserOptions中的内容。
阅读全文