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

Question

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

Answer 1

Mac ：命令 + 选项 + L

PC ： Ctrl + Alt + L

Answer 2

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

This answer was posted for phpStorm它对WebStorm同样有效。答案的修改版本如下：

录制宏

1. 编辑＆gt;宏＆gt;开始录制宏录像
2. 按 Ctrl + Alt + L ，然后按 Ctrl + Alt + 取值 （在Mac上： Cmd + 选项 + L ，然后 Cmd + 选项 + 取值
3. 单击页面右下角的“停止”按钮，停止录制宏。
4. 为此宏指定一个名称，如＆＃34;格式化并保存＆＃34;

将Ctrl + S指定为＆＃34;格式化并保存＆＃34;

1. 打开文件＆gt;设置;
2. 搜索＆＃34; keymap＆＃34;打开它;
3. 搜索＆＃34;格式化并保存＆＃34;然后双击动作＆＃34;格式化并保存＆＃34;;
4. 选择＆＃34;添加键盘快捷键＆＃34 ;;
5. 选择＆＃34; Ctrl + S＆＃34;作为第一次击球。
6. 它会报告冲突。忽略它并单击“确定”按钮
7. WebStorm将显示​​警告＆＃34;快捷方式已分配给其他操作。你想删除其他作业吗？＆＃34;点击＆＃34;删除＆＃34;按钮

那就是它。

Answer 3

＆＃34;保存操作＆＃34;插件可以在保存时格式化代码。

1. 安装插件：

   档案 - ＆gt;设置 - ＆gt;插件 - ＆gt;浏览存储库;

   • 输入关键字＆＃34;保存操作＆＃34;安装
   • 重启IDE。

2. 配置插件：

   档案 - ＆gt;设置 - ＆gt;其他设置

   • 检查＆＃34;格式化文件＆＃34;选项。

Answer 4

如果您的MAC上没有ALT，则为：

命令+选项+ L

Answer 5

1. 按CTRL+ALT+S打开设置。
2. 选择插件 > 市场。
3. 在搜索字段中输入 Save Actions。
4. 点击安装安装插件。重新加载 IDE。
5. 再次打开设置。
6. 选择保存操作（它出现在设置列表的底部）。
7. 检查 Reformat file > 按 OK 按钮。

访问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+ 打开设置>+（苹果机）。
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+< kbd>Shift+S (Windows/Linux) 或 Cmd+Alt+l 和 < kbd>Cmd+Alt+Shift+S (Mac)
3. 输入名称，例如 Format-save

设置按键绑定

1. 使用 ctrl +alt+s (Windows/Linux) 或 cmd+ 打开设置>+（苹果机）。
2. 转到Keymap -> Main Menu -> Edit->Macros->Format-save
3. 右键单击并选择 Add Keyboard Shortcut
4. 输入 ctrl +s (Windows/Linux) 或 cmd+s (Mac) 并点击 { {1}} 在快捷方式窗口和设置窗口中。

一切就绪！