如何在 WebStorm 中自動格式化代碼？

Question

我正在尋找一種在 WebStorm IDE 中自動格式化代碼的方法？

Answer 1

Mac ：命令+選項+ L

電腦： Ctrl + Alt + L

Answer 2

可以通過創建一個宏來格式化代碼並保存它，然后將此宏綁定到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. 搜索“keymap”並打開它；
3. 搜索“格式化並保存”並雙擊“格式化並保存”操作；
4. 選擇“添加鍵盤快捷鍵”；
5. 選擇“Ctrl+S”作為第一筆划。
6. 它將報告沖突。 忽略它並單擊“確定”按鈕
7. WebStorm 將顯示警告“快捷方式已分配給其他操作。您要刪除其他分配嗎？” 單擊“刪除”按鈕

就是這樣。

Answer 3

“保存操作”插件可以在保存時格式化代碼。

1. 安裝插件：

   文件 -> 設置 -> 插件 -> 瀏覽存儲庫；

   • 輸入關鍵字“保存操作”安裝
   • 重新啟動IDE。

2. 配置插件：

   文件 -> 設置 -> 其他設置

   • 選中“格式化文件”選項。

Answer 4

如果您的 MAC 上沒有 ALT，則為：

命令 + 選項 + L

Answer 5

1. 按CTRL + ALT + S打開設置。
2. 選擇插件>市場。
3. 在搜索字段中輸入Save Actions 。
4. 單擊安裝以安裝插件。 重新加載IDE。
5. 再次打開設置。
6. 選擇保存操作（它出現在設置列表的底部）。
7. 檢查Reformat file > 按OK按鈕。

訪問插件主頁

Answer 6

基於代碼重新格式化在 PhpStorm 或其他 jetbrains ide 中保存時對答案進行了輕微更正此答案基本上是正確的，但您需要為Save All創建自定義鍵綁定以使其正常工作，以及為 Windows 提供的鍵綁定（或Linux）， Ctrl + Alt + S用於打開設置對話框，這可能會產生不必要的后果。

---

更改Save All鍵綁定

1. 使用ctrl + alt + s (Windows/Linux) 或cmd + + (Mac) 打開設置。
2. 轉到Keymap -> Main Menu -> File -> Save All
3. 右鍵單擊並選擇Remove Ctrl+S/Cmd+S
4. 右鍵單擊並選擇Add Keyboard Shortcut
5. 將鍵盤快捷鍵設置為Ctrl + Alt + Shift + S (Windows/Linux) 或Cmd + Alt + Shift + S (Mac)，然后在快捷方式窗口和設置窗口中單擊OK 。

創建宏

1. 單擊Edit -> Macros -> Start Macro Recording
2. 按Ctrl + Alt + l然后Ctrl + Alt + Shift + S (Windows/Linux) 或Cmd + Alt + l和Cmd + Alt + Shift + S (Mac)
3. 輸入名稱，例如Format-save

設置鍵綁定

1. 使用ctrl + alt + s (Windows/Linux) 或cmd + + (Mac) 打開設置。
2. 轉到Keymap -> Main Menu -> Edit -> Macros -> Format-save
3. 右鍵單擊並選擇Add Keyboard Shortcut
4. 在快捷方式窗口和設置窗口中輸入ctrl + s (Windows/Linux) 或cmd + s (Mac) 並單擊OK 。

你已經准備好了！