保存并还原更改
WebStorm 会自动保存您在文件中所做的更改。 保存由多种事件触发,例如运行、调试、执行版本控制操作、关闭文件或项目,或退出 IDE。 保存文件也可以由第三方 plugins 触发。
大多数触发自动保存的事件都是预定义的,无法进行配置,但您可以放心更改不会丢失,并且可以在 local history 中找到所有更改。
配置自动保存行为
在 设置 对话框中(Ctrl+Alt+S ),选择 。
在 同步外部更改 下,配置以下选项:
切换到其他应用程序或内置终端时保存文件 :当您从 WebStorm 切换到其他应用时,保存所有已修改的文件。
如果IDE 空闲则保存文件 每 N 秒 :按固定时间间隔保存所有已修改的文件。
应用更改并关闭对话框。
标记包含未保存更改的文件
您可以在文件标签页上标记未保存的文件:
在 设置 对话框中(Ctrl+Alt+S ),选择 。
选中 标记已修改 复选框。
应用更改并关闭对话框。
之后,含有未保存更改的文件标签将标记一个蓝点。
如果您使用了 version control integration ,所有已修改文件的名称也会在文件标签页及 项目 工具窗口中以 dedicated color 标记。
手动保存更改
您始终可以手动保存更改:
按 Ctrl+S 或从主菜单选择 。
在保存更改时触发操作
在 WebStorm 中,您可以配置每次保存已修改文件时触发的操作。
要配置当前项目的自动保存操作,请在 设置 对话框中(Ctrl+Alt+S ),打开 。
要配置新项目的操作,请在主菜单中转到 。
选中您希望在保存时触发的操作对应的复选框:
Reformat code :根据当前代码样式设置重新格式化代码。
Optimize imports :移除未使用的 import,并根据当前代码样式设置整理 import 语句。
Rearrange code :根据当前代码样式设置重新排序代码元素。
Run code cleanup :批量应用代码清理检查中的快速修复。 使用 项目配置文件 下拉列表选择 IDE 执行检查所使用的 profile。
Update copyright notice :更新项目文件中版权声明的信息。
Run stylelint --fix :修复 Stylelint 检测到的问题。
Run eslint --fix :修复 ESlint 检测到的问题。
启用此选项也将启用 Run eslint --fix on save。
File Watcher :运行您已配置的 File Watcher。
Run Prettier :使用 Prettier 重新格式化代码。
Upload to default server :将修改后的文件上传到默认部署服务器。
启用此选项也将启用 Upload changed files automatically to the default server。
对于某些操作,您可以更精细地配置设置。 为此,请将鼠标悬停在操作上并点击配置链接。
例如,对于代码格式化,您可以指定不希望更改的文件和文件夹。 将鼠标悬停于操作上,然后点击 配置作用域… 以排除特定文件和文件夹的格式化。
您还可以选择是格式化整个文件还是仅格式化修改的行。
应用更改并关闭对话框。
启用必要操作后,每次保存(包括自动保存、使用 Ctrl+S 显式保存或选择 )时,这些操作将自动触发。

还原更改
对于最近的更改(包括 refactorings ),请按 Ctrl+Z ,或从菜单中选择 。
如需更详细地查看过去的更改,请使用 Local History。
要实现对所有更改的强大跟踪功能,请使用 version control system。