Prettier 的 singleQuote 设置为什么对 CSS 不生效?

码农倩影 阅读 4

我在 .prettierrc 里设置了 "singleQuote": true,但 CSS 文件里的字符串还是被格式化成双引号,这是为啥?

比如下面这段 CSS,保存后 Prettier 依然用的是双引号,根本没变成单引号:

body {
  background: url("image.jpg");
  font-family: "Helvetica Neue", sans-serif;
}
我来解答 赞 1 收藏
二维码
手机扫码查看
1 条解答
莉娜(打工版)
这个其实不是配置问题,是 Prettier 的设计如此。

singleQuote 这个选项只对 JavaScript、TypeScript、JSX 这些语言生效,CSS 根本不在它的影响范围内。Prettier 格式化 CSS 时会保持双引号,不会改成单引号。

我之前也纠结过这个问题,查了一圈才发现原来是自己想多了。CSS 里的引号(url、font-family 等)单双引号都合法,但 Prettier 统一用双引号,不受配置控制。

如果你真的想让 CSS 也用单引号,可以考虑用其他工具配合,比如 postcss-sorting 或者写个简单的脚本在 Prettier 之后处理。但说实话,没太大必要,CSS 引号统一就行,单双不重要。
点赞
2026-03-12 11:10