如何在 WebStorm 中自动格式化代码？

Question

我正在寻找一种在 WebStorm IDE 中自动格式化我的代码的方法？

Answer 1

Mac：Command + Option + L

PC：Ctrl + Alt + L

Answer 2

可以通过创建一个格式化代码并保存它的宏，然后将此宏绑定到 Ctrl+S 快捷方式。 （Mac：Cmd+S）

This answer was posted for 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

“Save Actions”插件可以在保存时格式化代码。

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 > 按确定按钮。

访问Plugin Homepage

Answer 6

对基于Code reformatting on save in PhpStorm or other 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) 并点击 @ 987654341@在快捷方式窗口和设置窗口。

一切就绪！