WebStorm の設定
JetBrains IDE（WebStorm、IntelliJ IDEA、PyCharm など）
WebStorm には Prettier のサポートが組み込まれています。IntelliJ IDEA、PhpStorm、PyCharm などの他の JetBrains IDE を使用している場合は、Preferences / Settings | Plugins でこのプラグインがインストールされて有効になっていることを確認してください。
最初に、Prettier をインストールして構成する必要があります。インストール方法に関する説明はこちらからご覧いただけます。
それが完了すると、IDE でいくつかの操作を行うことができます。選択したコード、ファイル、またはディレクトリ全体をフォーマットするには、Prettier でリフォーマットアクション（macOS では Opt+Shift+Cmd+P、Windows と Linux では Alt+Shift+Ctrl+P）を使用できます。
WebStorm を構成して保存時（Cmd+S/Ctrl+S）に Prettier を実行したり、デフォルトのフォーマッターとして使用したりすることもできます（Opt+Cmd+L/Ctrl+Alt+L）。これを行うには、Preferences / Settings | Languages & Frameworks | JavaScript | Prettier を開き、対応するチェックボックスをオンにします：保存時、または「コードのリフォーマット」アクション時。
デフォルトでは、WebStorm は、プロジェクトで編集されたすべての .js, .ts, .jsx、および .tsx ファイルにフォーマットを適用します。他のファイルタイプにフォーマットを適用したり、特定のディレクトリにのみ含まれるファイルへのフォーマット適用を制限したりするには、glob パターンを使用してデフォルトの構成をカスタマイズできます。
詳細については、WebStorm のオンラインヘルプを参照してください。