WebStormでコードを自動フォーマットする方法は？

WebStorm IDEでコードを自動フォーマットする方法を探していますか？

マック：Command+ Option+L

PC：Ctrl+ Alt+L

コードをフォーマットして保存するマクロを作成し、このマクロをCtrl+Sショートカットにバインドすることで可能です。（Mac：Cmd+ S）

この回答はphpStormに投稿されたもので、WebStormにも同様に有効です。回答の修正版は次のとおりです。

マクロを記録する

1. 編集>マクロ>マクロ記録の開始
2. Ctrl+ Alt+を押しL、次にCtrl+ Alt+を押しますS （Macの場合：Cmd+ Option+ L、次にCmd+ Option+S
3. ページの右下にある[停止]ボタンをクリックして、マクロの記録を停止します。
4. このマクロに「フォーマットして保存」のような名前を付けます

Ctrl + Sを「フォーマットして保存」に割り当てます

1. [ファイル]> [設定]を開きます。
2. 「キーマップ」を検索して開きます。
3. 「フォーマットして保存」を検索し、アクション「フォーマットして保存」をダブルクリックします。
4. 「キーボードショートカットの追加」を選択します。
5. 最初のストロークとして「Ctrl + S」を選択します。
6. 競合が報告されます。無視して[OK]ボタンをクリックします
7. WebStormは、「ショートカットはすでに他のアクションに割り当てられています。他の割り当てを削除しますか？」という警告を表示します。「削除」ボタンをクリックします

それでおしまい。

「アクションの保存」プラグインは、保存時にコードをフォーマットできます。

1. プラグインのインストール：

   ファイル->設定->プラグイン->リポジトリの参照;

   • 入力キーワード「アクションの保存」インストール
   • IDEを再起動します。

2. 構成プラグイン：

   ファイル->設定->その他の設定

   • 「ファイルのフォーマット」オプションをチェックしてください。

MACにALTがない場合は、次のようになります。

コマンド+オプション+ L