Попросите Prettier удалить <space>после ключевого слова asyn c

Question

Я работаю над проектом VueJs и использую eslint и Prettier в VSCode. Проблема, с которой я столкнулся, заключается в том, что eslint не требует пробела после ключевого слова async nut Prettier. Поэтому, когда vue-cli-service serve создает исходный код, он жалуется, что prettier хочет пространство после asyn c, если я добавляю его вручную, тогда eslint выдает ошибки, что ему не нужно пространство после asyn c.

Prettier форматы :

export const myFunction = async (...args) => {};

Eslint ожидает:

export const myFunction = async(...args) => {};

Я хочу сказать Prettier НЕ иметь пробела после ключевого слова asyn c ИЛИ сказать eslint игнорировать пробел после asyn c ключевое слово, есть предложения?

Answer 1

Я только что нашел вопрос на форуме с ответом, который устранил мою проблему. В файле .eslintrc.js вы можете добавить следующее правило:

'space-before-function-paren': [
      'error',
      {
        anonymous: 'never',
        named: 'never',
        asyncArrow: 'always'
      }
    ]

Правило asyncArrow: ' always ' исправляет ошибки компилятора.

Answer 2

Чтобы Prettier не конфликтовал с ESLint, все правила форматирования ESLint должны быть отключены. См. https://prettier.io/docs/en/integrating-with-linters.html