如何设置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
相关产品推荐
相关产品推荐

