Как настроить eslint с помощью руководства по стилю Airbnb в VSCode - PullRequest
Новая
       93

Как настроить eslint с помощью руководства по стилю Airbnb в VSCode

0 голосов
/ 03 октября 2018

Я часами пытался настроить eslint, используя руководство по стилю Airbnb на vscode.Я запустил команды, найденные здесь: https://www.npmjs.com/package/eslint-config-airbnb и установил равноправные зависимости для правильных версий, но все равно не повезло.Я всегда получаю эту ошибку:

Неожиданное свойство верхнего уровня "extends".,Подробнее см. В выходном канале «ESLint».

Кто-нибудь знает, как это исправить?Я прочитал так много блогов и веток, но безрезультатно, и сейчас я чувствую, что это больше хлопот, чем стоит, хотя все говорят, что руководство по стилю Airbnb лучше всего подходит для React.

1 Ответ

0 голосов
/ 03 октября 2018
  1. Установите расширение ESLint для VS Code .Это приведет к тому, что ошибки lint будут отображаться встроенными непосредственно в редакторе кода (в отличие от простого отображения в терминале при использовании командной строки).
  2. Install eslint-config-airbnb и все зависимости (следуйте инструкциям в документации).Если вы используете npm 5+, просто запустите эту команду в своем терминале, находясь в каталоге проекта: npx install-peerdeps --dev eslint-config-airbnb.
  3. Настройте Конфигурация ESLint .Вы можете добавить базовую конфигурацию в файл package.json в свойстве eslintConfig, например, так: "eslintConfig": { "extends": "airbnb" }

Если вы выполнили все вышеперечисленные шаги и по-прежнему получаете сообщение об ошибкеВы упомянули, см. эту ветку , где в комментариях упоминается ряд потенциальных решений.

В частности, в вашем случае кажется, что ваша конфигурация не читается должным образом по любой причине.,Я бы попытался добавить его к вашему package.json, как указано выше, чтобы посмотреть, решит ли это это.

...