VSCode安装Prettier后保存时自动格式化失效如何解决？

检查核心设置 #

• 确认「保存时格式化」已开启：打开设置（快捷键Ctrl+,/Cmd+,），搜索editor.formatOnSave，确保勾选该选项。
• 指定默认格式化器：搜索editor.defaultFormatter，将值设置为esbenp.prettier-vscode，确保Prettier是当前文件类型的默认格式化工具。

排查文件类型与忽略规则 #

• 验证特定文件的格式化器：打开目标文件，点击右下角的语言模式（如JavaScript），选择「Configure 'JavaScript' language based settings...」，在弹出的设置中确认editor.defaultFormatter指向Prettier。
• 检查忽略列表：查看项目根目录的.prettierignore文件，确保当前文件不在忽略范围内；同时确认VSCode的files.exclude设置未屏蔽该文件。

验证Prettier配置与扩展冲突 #

• 检查配置文件有效性：项目根目录若有.prettierrc、.prettier.config.js等文件，可在终端执行npx prettier --check 你的文件路径，验证配置是否存在语法错误。
• 禁用冲突扩展：暂时关闭其他格式化类扩展（如ESLint、Beautify），避免规则冲突导致Prettier失效。

重置VSCode状态 #

• 重启编辑器：扩展加载异常可能导致功能失效，重启VSCode可解决临时问题。
• 重置Prettier设置：打开扩展面板，找到Prettier，点击齿轮图标选择「Reset Settings」，恢复默认配置后重新设置。

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