Стандартный против Google против Airbnb

В Интернете есть множество статей, которые научат вас, как создать конкретное руководство по стилю ESLint; эта статья объяснит, как настроить ESLint при работе с React, а также сравнит руководства по стилю Airbnb, Standard и Google.

Настройка ESLint

Примечание. В этом руководстве предполагается, что вы хотите установить ESLint локально (рекомендуемая установка). Если вы хотите настроить ESLint глобально, обязательно используйте yarn global.

Согласно Документам по настройке ESLint, обязательной зависимостью ESLint является Node.js (8.10.0, ^ 10.13.0 или ›= 11.10.1), построенный с поддержкой SSL.

Чтобы установить ESLint, вы можете запустить:

yarn add eslint --dev

Затем настройте ESLint с помощью:

yarn eslint --init

Появится подсказка и задаст вам несколько вопросов по настройке, ответы на эти вопросы зависят от ситуации с вашим проектом.

Для первого вопроса важно выбрать третий вариант, чтобы вы действительно могли применить стиль кода.

Еще один вопрос - какое руководство по стилю вы хотите применить. При написании этой статьи в настоящее время представлены руководства по стилю Airbnb, Standard и Google.

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

Как я объясню ниже, бренд, который вам нравится больше всего, - это последнее, о чем вы должны думать, выбирая руководство по стилю.

Сравнение руководств по стилю

Как я уже сказал, выбор руководства по стилю - это не просто вопрос выбора бренда, который вам нравится больше всего. При выборе руководства по стилю нужно еще подумать.

Например, если вы разрабатываете приложение React, то руководство по стилю Google - не лучший вариант, поскольку оно не поддерживает React. Если вам нравятся точки с запятой, стандартный вариант не подходит, потому что он удаляет их.

Думаю, вы поняли, что руководство по стилю - это нечто большее, чем связанный с ним бренд.

Прежде чем сравнивать различия, все руководства по стилю применяют следующие правила:

Примечание. В этой таблице сравниваются правила, уникальные для наборов правил, а не правила, которые поставляются с рекомендованным ESLint.

Ниже приведены некоторые различия между ними:

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

Также важно помнить, что если вы нашли руководство по стилю, которое вам нравится, но оно применяет правило, которое вы бы предпочли не делать, или оно не применяет правило, которое вы бы предпочли, чтобы оно выполнялось, вы всегда можете в порядке -Настройте его, задав определенные правила в eslintrc.

Чтобы включить руководство по стилю, вы можете либо повторно инициализировать ESLint (для последнего варианта я бы предложил не устанавливать с помощью npm. Вместо этого я бы вручную добавил зависимость с Yarn), либо вместо повторной инициализации вы можете просто вручную добавить зависимости, а затем отредактируйте eslintrc:

Стандарт

yarn add eslint-config-standard --dev
“extends”: [“eslint:recommended”, “standard”]

"Google"

yarn add eslint-config-google --dev
“extends”: [“eslint:recommended”, “google”]

Airbnb

yarn add eslint-config-standard --dev
“extends”: [“eslint:recommended”, “airbnb”]

Заключение

Важнее всего выбрать руководство по стилю, которое соответствует вашим потребностям. Если вы не хотите слишком много думать об этом, руководство по стилю Airbnb обычно считается лучшим вариантом для разработки React.

Не стесняйтесь оставлять комментарии, если у вас есть какие-либо вопросы, предложения или что-то еще!