Question

我目前正在我的一个vue项目中使用eslint，虽然我现在真的很喜欢短绒棉，但它却使我发疯。我有以下一行

this.someIndex = this.someObject.someKey.length % this.someIndex;

哪一个棉绒首先要更改为

this.someIndex = 
  this.someObject.someKey.length % this.someIndex;

然后在输出中告诉我

错误：“ =”之前或之后应该没有换行符

感觉就像是套子设置之间相互冲突（在该错误发生之前，我还让套子在保存时删除了悬挂的逗号，然后显示了它想要悬挂的逗号的错误，这很容易在中解决。 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 Extension导致的，对保存的文件进行了更改，然后与eslint设置发生冲突。因此，解决方案是使Vetur也使用根文件夹中的eslint配置，或者至少以相同的方式配置它，但我无法找出到目前为止的情况。有什么想法吗？

VueJs-Vetur不断制造怪异的换行符，然后无所事事抱怨

0 个答案: