Prettier 的 singleQuote 设置为什么对 CSS 不生效? 码农倩影 提问于 2026-03-12 11:09:16 阅读 4 工具 我在 .prettierrc 里设置了 "singleQuote": true,但 CSS 文件里的字符串还是被格式化成双引号,这是为啥? 比如下面这段 CSS,保存后 Prettier 依然用的是双引号,根本没变成单引号: body { background: url("image.jpg"); font-family: "Helvetica Neue", sans-serif; } Prettier 我来解答 赞 1 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 莉娜(打工版) Lv1 这个其实不是配置问题,是 Prettier 的设计如此。 singleQuote 这个选项只对 JavaScript、TypeScript、JSX 这些语言生效,CSS 根本不在它的影响范围内。Prettier 格式化 CSS 时会保持双引号,不会改成单引号。 我之前也纠结过这个问题,查了一圈才发现原来是自己想多了。CSS 里的引号(url、font-family 等)单双引号都合法,但 Prettier 统一用双引号,不受配置控制。 如果你真的想让 CSS 也用单引号,可以考虑用其他工具配合,比如 postcss-sorting 或者写个简单的脚本在 Prettier 之后处理。但说实话,没太大必要,CSS 引号统一就行,单双不重要。 回复 点赞 2026-03-12 11:10 加载更多 相关推荐
singleQuote这个选项只对 JavaScript、TypeScript、JSX 这些语言生效,CSS 根本不在它的影响范围内。Prettier 格式化 CSS 时会保持双引号,不会改成单引号。我之前也纠结过这个问题,查了一圈才发现原来是自己想多了。CSS 里的引号(url、font-family 等)单双引号都合法,但 Prettier 统一用双引号,不受配置控制。
如果你真的想让 CSS 也用单引号,可以考虑用其他工具配合,比如
postcss-sorting或者写个简单的脚本在 Prettier 之后处理。但说实话,没太大必要,CSS 引号统一就行,单双不重要。