eslintとprettierの競合を解消する

競合とは、eslintとprettierが互いに別のコードフォーマットを適用して、コードが修正されない状態を言います。

その解決法は.eslintrc.jsにeslint-config-prettierを加えるだけです。

{
  "extends": [
    /* 他の設定 */
     'eslint-config-prettier' //必ず最後に加える
  ]
}

eslint-config-prettierは、必ず最後に加える必要があります。なぜなら後に書かれた設定の方が優先順位が高いからです。

[参考]

• eslint-config-prettier