You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何设置Prettier逗号选项?禁用选择器间逗号自动换行

禁用Prettier对CSS多选择器的换行格式化

要阻止Prettier将同一行的CSS选择器拆分为每行一个,你需要修改Prettier的css.selectorSeparatorNewline配置项,将其设置为false,具体配置方式分两种:

  • 项目本地配置(推荐):在项目根目录的.prettierrc或.prettierrc.json文件中添加以下内容:
{
  "css": {
    "selectorSeparatorNewline": false
  }
}
  • VS Code全局/工作区配置:打开VS Code的设置(快捷键Ctrl+,),搜索prettier.css.selectorSeparatorNewline,取消勾选;或者直接在settings.json中添加:
"prettier.css.selectorSeparatorNewline": false

配置完成后,保存CSS文件时,header, footer { ... }就会保持原有格式,不会被拆分成换行的形式。

内容的提问来源于stack exchange,提问作者Nova

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.24 17:57:24