如何阻止VS Code中的Prettier将CSS选择器拆分为多行？

我希望代码呈现为如下格式：

h1,h2,h3,h4,h5 {
  font-weight: 400 !important;
}

但Prettier - Code Formatter却将每个选择器拆分为单独的行：

h1,
h2,
h3,
h4,
h5 {
  font-weight: 400 !important;
}

以下是几种可行的解决方法：

• 调整打印宽度配置：在项目的.prettierrc或其他Prettier配置文件中，增大printWidth的值（默认是80），当选择器所在行长度未超过设定值时，Prettier会保持选择器在一行：

  {
    "printWidth": 120
  }
  

• 单独禁用代码段格式化：如果只想保留这段代码的格式，无需全局修改配置，可以在代码上方添加prettier-ignore注释：

  /* prettier-ignore */
  h1,h2,h3,h4,h5 {
    font-weight: 400 !important;
  }
  

• 配置选择器换行规则：在Prettier 3.0及以上版本中，可通过cssSelectorListCommaNewline配置项强制选择器保持单行：

  {
    "cssSelectorListCommaNewline": false
  }
  

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