Angular项目中Prettier配置trailingComma后仍不保留尾逗号是为什么？

云上老周

2026-10-2

问题修复方案

第一步：验证Prettier版本兼容性
trailingComma: "all" 配置仅在Prettier 2.0及以上版本支持，执行以下命令查看项目本地安装的Prettier版本：
```
npm list prettier
```
若版本低于2.0，执行升级命令：
```
npm install -D prettier@latest
```
第二步：强制Prettier读取项目配置
在你项目的.vscode/settings.json中新增以下配置，避免扩展使用自带的默认规则：
```
"prettier.requireConfig": true
```
第三步：排查冲突配置
1. 检查项目根目录是否存在多份Prettier配置文件（如.prettierrc、prettier.config.js等），删除多余配置，仅保留一份生效的.prettierrc.json
2. 检查项目tsconfig.json的compilerOptions中是否存在removeTrailingCommas配置，若存在则删除或设置为false
第四步：重载配置生效
重启VSCode后重新打开项目，再次保存TypeScript文件验证尾逗号是否正常保留。