リンターとの連携
このページは PageTurner AI で翻訳されました(ベータ版)。プロジェクト公式の承認はありません。 エラーを見つけましたか? 問題を報告 →
リンターには通常、コード品質ルールだけでなくスタイル関連のルールも含まれています。Prettierを使用する場合、これらのスタイルルールの大半は不要であるだけでなく、さらに悪いことにPrettierと競合する可能性があります!コードフォーマットはPrettierに任せ、コード品質チェックはリンターに任せるのがベストプラクティスです。詳細はPrettier vs. Lintersで解説しています。
幸い、Prettierと競合するルールや不要なルールを無効化する設定があらかじめ用意されており、簡単に導入できます:
インストール方法や設定手順については上記リンク先を参照してください。
補足事項
インターネットでPrettierとリンターの両方を検索すると、関連プロジェクトがさらに見つかるかもしれません。これらは一般的には推奨されませんが、特定の状況では有用な場合があります。
まず、Prettierをリンターのルールのように実行できるプラグインがあります:
これらのプラグインはPrettierが登場した当初は特に有用でした。リンター内でPrettierを実行すれば新しいツールを導入する必要がなく、エディタのリンター連携機能を流用できたからです。しかし現在ではprettier --check .を直接実行でき、また主要なエディタのほとんどがPrettierをネイティブサポートしています。
これらのプラグインには次のような欠点があります:
-
エディタ上に大量の赤い波線が表示され、煩わしくなります。Prettierはフォーマットを意識させないために存在するのに、常に目につく形で存在することになってしまいます!
-
Prettierを直接実行するよりも処理が遅くなります。
-
間接的なレイヤーが追加されるため、問題が発生する可能性が高まります。
最後に、prettierを実行した直後にeslint --fixなどのリンターを実行するツールがあります:
これらのツールは、Prettierの出力結果に問題があり直接使用できない場合に役立ちます。例えばeslint --fixで問題を修正できます。欠点は、Prettierを単体で実行する場合と比べて処理が大幅に遅くなることです。