VS Code Prettier如何禁用函数参数自动换行功能？

原因说明 #

这个换行是Prettier默认的函数参数排版规则触发的：当函数参数长度超过默认行宽阈值、或参数包含内嵌模板字面量这类复杂结构时，Prettier会默认将每个参数拆分为单独一行。

可行配置方案 #

• 方案一：调整printWidth配置
  Prettier默认printWidth值为80，只要将该值适当调大，让你的maxWidth(500, () => css...)整行长度低于设定阈值，就会保留单行参数格式。
  配置示例（在.prettierrc/.prettierrc.json中添加）：

{
  "printWidth": 120
}

你可以根据自己项目的代码习惯调整数值，常见的可选值为100、120、140。

• 方案二：结合trailingComma配置调整
  如果你的项目不允许调大行宽，可以将trailingComma设置为"es5"或"none"，避免末尾逗号触发强制换行。
  配置示例：

{
  "trailingComma": "none"
}

• 方案三：使用 styled-components 专用 Prettier 插件
  如果以上通用配置无法满足需求，可以安装社区适配的prettier-plugin-styled-components插件，该插件会针对styled-components的模板字面量内部代码做特殊排版优化，默认不会强制拆分内嵌函数的参数。
  安装命令：
  npm install prettier-plugin-styled-components --save-dev
  安装后无需额外配置，插件会自动生效。

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