WebStorm提交代码后误改Angular模板HTML标签，如何恢复默认设置？

检查提交环节的自动格式化设置 #

• 打开WebStorm设置（快捷键Ctrl+Alt+S或Cmd+,），进入Version Control > Commit
• 取消勾选「Reformat code」和「Optimize imports」选项，避免提交时自动修改代码格式

重置HTML/Angular模板的格式化规则 #

• 进入Editor > Code Style > HTML
• 切换到Other标签页，找到「Self-closing tags」相关设置：
  • 确认自定义Angular组件标签（如<header-search>）不会被强制转为自闭合格式
  • 点击对话框右下角的Reset按钮，将HTML格式化规则恢复为默认值

确认文件类型关联正确性 #

• 进入Editor > File Types，找到Angular HTML类型
• 确保项目中的.html模板文件被正确关联到Angular HTML类型，避免用通用HTML规则处理Angular模板

排查自定义Git钩子 #

• 查看项目根目录下的.git/hooks文件夹，检查是否存在pre-commit等自定义脚本，若有会修改代码的脚本，可暂时重命名或删除后测试提交是否正常

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