vue2 eslint配置
时间: 2023-08-18 15:07:18 浏览: 101
在Vue.js 2中,你可以使用ESLint来进行代码规范和错误检查。以下是一个示例的ESLint配置文件,你可以根据自己的需求进行调整:
```javascript
module.exports = {
root: true,
env: {
node: true,
},
extends: [
'plugin:vue/essential',
'eslint:recommended',
'@vue/prettier',
],
parserOptions: {
parser: 'babel-eslint',
},
rules: {
// 在这里可以添加自定义的规则
// 例如,禁止使用console.log语句
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
// 禁止使用debugger语句
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
},
};
```
这是一个基本的配置文件,它使用了`plugin:vue/essential`和`eslint:recommended`作为基础规则,并且集成了`@vue/prettier`用于代码格式化。
在 `rules` 部分,你可以根据自己的需求添加或修改规则。例如,上面的例子中禁止了在生产环境中使用`console.log`和`debugger`语句。
记得在项目根目录下创建一个名为`.eslintrc.js`的文件,并将以上配置代码复制到该文件中。之后,你可以使用ESLint来检查并修复你的Vue.js代码。
希望对你有所帮助!如有任何疑问,请随时提问。
阅读全文