VueJs - Vetur продолжает создавать странные разрывы строк, а затем Эслин жалуется на это - PullRequest
Новая
       37

VueJs - Vetur продолжает создавать странные разрывы строк, а затем Эслин жалуется на это

0 голосов
/ 10 мая 2019

В настоящее время я использую eslint в моем проекте vue, и хотя мне действительно нравятся линтеры, в настоящий момент это сводит меня с ума. У меня есть следующая строка 

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',
  },
};

Обновление

После некоторых копаний я обнаружил, что конфликт в результате Vetur Extension от Vue вносит изменения в файлы при сохранении, которые затем конфликтуют с настройками eslint. Таким образом, решением было бы заставить Vetur также использовать конфигурацию eslint в корневой папке или, по крайней мере, настроить ее идентично, но я пока не смог выяснить, как это сделать. Есть идеи?

...