如何在 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 。

你已经准备好了！