WebStorm のセットアップ
このページは PageTurner AI で翻訳されました(ベータ版)。プロジェクト公式の承認はありません。 エラーを見つけましたか? 問題を報告 →
JetBrains IDE(WebStorm、IntelliJ IDEA、PyCharmなど)
WebStormにはPrettierの組み込みサポートが付属しています。IntelliJ IDEA、PhpStorm、PyCharmなどの他のJetBrains IDEを使用している場合は、このプラグインをインストールし、設定 | プラグイン で有効化してください。
まず、Prettierをインストールして設定する必要があります。具体的な手順はこちらで確認できます。
インストール後、IDEで次の操作が可能になります:Reformat with Prettier アクション(macOSでは Opt+Shift+Cmd+P、Windows/Linuxでは Alt+Shift+Ctrl+P)を使用して、選択したコード、ファイル、またはディレクトリ全体をフォーマットできます。
保存時(Cmd+S/Ctrl+S)にPrettierを実行する設定や、デフォルトフォーマッタとして設定(Opt+Cmd+L/Ctrl+Alt+L)も可能です。これらを有効化するには、設定 | 言語とフレームワーク | JavaScript | Prettier を開き、対応するチェックボックス:保存時 および/または 'コード再フォーマット'アクション時 を選択します。

デフォルトでは、WebStormはプロジェクト内で編集したすべての .js、.ts、.jsx、.tsx ファイルにフォーマットを適用します。他のファイルタイプに適用したり、特定ディレクトリのファイルのみに制限するには、globパターンを使用してデフォルト設定をカスタマイズできます。
詳細については、WebStorm公式ヘルプを参照してください。