Czy zdarzyło Ci się konfigurować ESLint i Prettier tak, aby nie kolidowały ze sobą?

Tak, często trzeba skonfigurować ESLint i Prettier tak, aby nie kolidowały ze sobą. Prettier odpowiada za formatowanie kodu, a ESLint za jakość i styl kodu, więc ich zasady mogą się pokrywać.

Aby uniknąć konfliktów:

• W ESLint wyłączają zasady, które duplikują formatowanie Prettier, za pomocą wtyczki eslint-config-prettier.
• W konfiguracji ESLint dodają extends: ['prettier'], aby wyłączyć kolidujące zasady.
• Prettier konfiguruje się osobno, zazwyczaj przez .prettierrc.

Przykład konfiguracji ESLint z Prettier:

{
  "extends": ["eslint:recommended", "plugin:react/recommended", "prettier"],
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error"
  }
}

To pozwala używać Prettier do formatowania, a ESLint do sprawdzania jakości bez konfliktów.