Prettier无法将HTML文件引号转为单引号的问题求助

问题根源 #

Prettier 3.0及以上版本对配置项做了拆分：原本控制JS/HTML单引号的singleQuote选项，不再负责HTML属性的引号样式，转而由单独的html.quoteAttributes选项控制。

可行方案 #

1. 确认Prettier版本
   执行命令查看当前版本：

npx prettier --version

如果版本为3.x及以上，按以下步骤修改配置。

2. 更新Prettier配置文件
   在项目根目录的.prettierrc.json中添加HTML属性引号配置：

{
  "singleQuote": true,
  "html": {
    "quoteAttributes": "single"
  }
}

3. 重新格式化HTML文件
   执行格式化命令：

npx prettier --write index.html

此时HTML文件的属性引号会转为单引号，同时不影响JS文件的格式化效果。

补充说明 #

如果使用的是Prettier 2.x版本，singleQuote: true本应同时控制JS和HTML的单引号，若仍无效，检查：

• 配置文件是否在项目根目录，文件名是否正确（如.prettierrc.json无拼写错误）
• 项目中是否存在其他局部配置文件（如.prettierrc、prettier.config.js）覆盖了当前配置

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