web-dev-qa-db-ja.com

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

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

intellij-ideaformattingwebstormcode-formatting
67
HasanAboShally

Mac： Command + Option + L

PC： Ctrl + Alt + L

128
HasanAboShally

コードをフォーマットして保存するマクロを作成してから、このマクロを Ctrl+S ショートカット。 （マック： Cmd+S）

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

マクロを記録する

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

「Format and Save」にCtrl + Sを割り当てます

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

それでおしまい。

65
Andrew-Dufresne

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

  1. プラグインをインストールする：

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

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

  2. 構成プラグイン：

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

    • 「ファイルのフォーマット」オプションをチェックします。
14
soneway

MACにALTがない場合は次のとおりです。

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

2
danday74