Vuejs2 VueJs-Vetur一直在制造奇怪的断线,然后eslint对此抱怨

Vuejs2 VueJs-Vetur一直在制造奇怪的断线,然后eslint对此抱怨,vuejs2,eslint,eslint-config-airbnb,vetur,Vuejs2,Eslint,Eslint Config Airbnb,Vetur,我目前正在我的一个vue项目中使用eslint,虽然我现在非常喜欢Linter,但它让我发疯。我有以下几行 this.someIndex = this.someObject.someKey.length % this.someIndex; 这是短绒第一次不断变化的 this.someIndex = this.someObject.someKey.length % this.someIndex; 然后在输出中告诉我 错误:在“=”之前或之后不应有换行符 感觉有点像是有太多的linter设

我目前正在我的一个vue项目中使用eslint,虽然我现在非常喜欢Linter,但它让我发疯。我有以下几行

this.someIndex = this.someObject.someKey.length % this.someIndex;
这是短绒第一次不断变化的

this.someIndex = 
  this.someObject.someKey.length % this.someIndex;
然后在输出中告诉我

错误:在“=”之前或之后不应有换行符

感觉有点像是有太多的linter设置相互冲突(在此错误之前,我还让linter在保存时删除了悬空逗号,然后显示它想要悬空逗号的错误,这在.eslintrc.js中很容易修复,但仍然不应该发生)

目前,我的.eslintrc.js如下所示

知道出了什么问题吗

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:vue/essential',
    '@vue/airbnb',
  ],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'comma-dangle': [1, {
      'arrays': 'never',
      'objects': 'never',
      'imports': 'never',
      'exports': 'never',
      'functions': 'ignore'
    }],
    'quotes': [0, 'double'],
    'linebreak-style': [0, 'unix']
  },
  parserOptions: {
    parser: 'babel-eslint',
  },
};
更新


经过一番挖掘,我发现Vue的Vetur扩展对保存时的文件进行了更改,从而导致冲突,这与eslint设置冲突。因此,解决方案是让Vetur也使用根文件夹中的eslint配置,或者至少以相同的方式配置它,但我无法确定到目前为止是如何配置的。有什么想法吗?

如果删除换行符样式规则会发生什么?对此没有影响:/OK。似乎是Vue直接提供的VS代码的Vetur扩展。不幸的是,到目前为止,我无法让它使用Projects eslint配置,现在停止冲突的唯一方法是禁用Vetur。如果删除换行符样式规则会发生什么情况?对此没有影响:/OK。似乎是Vue直接提供的VS代码的Vetur扩展。不幸的是,到目前为止,我还无法让它使用Projects eslint配置,现在唯一能停止冲突的方法就是禁用Vetur。