要关闭 eslint 在 Vue 项目中的检测,可以在项目根目录下创建一个 .eslintrc
文件,并在其中设置相应的规则。以下是一个例子:
extends: vue-template-compiler-js-v1.0.0/vue/1-沥青瓦。8。1/
在上面的例子中,我们使用了 extends
关键字来扩展一个已有的 eslint 规则集,这里我们扩展了 Vue CLI 生成的默认规则集。然后我们可以在该规则集中设置相应的规则,例如:
rules: 'vue/max-attributes-per-line': [ 'error', { singleline: 10, multiline: { max: 10, allowFirstLine: false, }, }, ],
在上面的例子中,我们设置了一个规则,限制每个 Vue 组件中最多只能有 10 个属性。当然,你也可以根据自己的需求设置其他的规则。
如果你不想使用 Vue CLI 生成的默认规则集,也可以直接在 .eslintrc
文件中定义自己的规则,例如:
module.exports = { root: true, env: { browser: true, node: true, }, extends: [ // 'plugin:vue/essential', // 必须加上该插件才能使用 Vue 的语法检测 'eslint:recommended', // 加上该项可以启用 ESLint 的默认规则集 '@vue/prettier', // 加上该项可以启用 Prettier 的规则集,用于格式化代码 ], parserOptions: { parser: 'babel-eslint', // 使用 babel-eslint 进行解析,可以支持 ES6+ 的语法 ecmaVersion: 2018, // 设置 ECMAScript 版本为 2018,可以支持大部分的 ES6+ 语法 sourceType: 'module', // 设置模块类型为模块化(module) }, plugins: [ 'vue', // 加上该插件可以启用 Vue 的语法检测规则 '@vue/prettier', // 加上该插件可以启用 Prettier 的规则集,用于格式化代码 ], rules: { // 在这里设置具体的规则,例如: 'vue/max-attributes-per-line': [ 'error', { singleline: 10, multiline: { max: 10, allowFirstLine: false, }, }, ], }, };
在上面的例子中,我们使用了一些其他的插件和规则集,例如 @vue/prettier
,用于格式化代码。同时,我们也可以在 rules
属性中设置具体的规则。
评论