如何在Nest.js项目中修改Prettier配置且不出现样式错误

你不需要被迫使用单引号，按以下两步配置即可实现保留所有Prettier校验规则、仅修改引号偏好的需求：

1. 明确配置Prettier引号规则 #

不要删除singleQuote配置项，未显式声明该配置时，规则可能被编辑器全局配置、默认继承配置覆盖，直接显式指定为双引号即可，.prettierrc修改为：

{
  "singleQuote": false,
  "trailingComma": "all"
}

2. 对齐ESLint规则避免冲突 #

由于你引入了plugin:prettier/recommended，Prettier规则会自动作为ESLint错误抛出，你可以在.eslintrc的rules字段中新增配置，关闭ESLint自带的引号校验、确保Prettier的引号规则优先级最高：

module.exports = {
  // 原有配置全部保留，仅修改rules字段
  rules: {
    "@typescript-eslint/interface-name-prefix": "off",
    "@typescript-eslint/explicit-function-return-type": "off",
    "@typescript-eslint/explicit-module-boundary-types": "off",
    "@typescript-eslint/no-explicit-any": "off",
    // 新增以下3条规则
    "quotes": "off",
    "@typescript-eslint/quotes": "off",
    "prettier/prettier": ["error", { singleQuote: false }]
  },
};

生效操作 #

配置修改完成后，重启编辑器的ESLint/Prettier服务，或者执行全量格式化命令即可批量修改所有文件的引号格式：
npx prettier --write .

如果仍有报错，检查编辑器的Prettier设置，开启「优先使用项目级配置」选项，避免全局配置覆盖项目规则。

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