WebStorm中Prettier触发多次编译，能否配置为保存前执行？

要实现保存前自动用Prettier格式化，避免两次文件更新和重复编译，按以下步骤配置WebStorm：

• 打开WebStorm设置（快捷键Ctrl+Alt+S Windows/Linux，Cmd+, Mac），直接在搜索框输入「Actions on Save」快速定位到对应设置页。
• 先取消勾选默认的「Run Prettier on save」选项——这个选项是在文件保存后触发格式化，正是导致两次更新的原因。
• 点击「Add action」按钮，从列表中选择「Reformat with Prettier」，将其添加到Before Save的动作组（确保它排在「Save files」动作之前）。
• 点击「Apply」和「OK」保存配置。

完成后，每次保存文件时，WebStorm会先自动执行Prettier格式化，再保存修改后的文件，只会触发一次文件变更和一次Angular编译，彻底解决耗时翻倍的问题。

另外要注意，确保项目根目录存在有效的Prettier配置文件（比如.prettierrc、prettier.config.js），WebStorm才能正确识别并应用你的格式化规则。

内容的提问来源于stack exchange，提问作者Alberto Chiesa