如何配置Prettier保留带花括号的单行if语句？

Prettier原生没有直接的配置项让带花括号的短if语句保持单行，但可以通过第三方插件实现需求，同时满足你保留花括号、不修改ESLint curly规则的要求。

具体步骤： #

1. 安装插件
   在项目根目录执行对应安装命令：

# npm
npm install prettier-plugin-single-line-if --save-dev

# pnpm
pnpm add prettier-plugin-single-line-if -D

# yarn
yarn add prettier-plugin-single-line-if --dev

2. 修改.prettierrc配置
   在现有配置中添加plugins字段：

{
    "tabWidth": 4,
    "useTabs": false,
    "singleQuote": true,
    "arrowParens": "avoid",
    "semi": true,
    "trailingComma": "none",
    "printWidth": 9999,
    "plugins": ["prettier-plugin-single-line-if"]
}

3. 验证效果
   重新运行Prettier格式化后，原本会被拆分行的短if语句：

if (a == 4) { return 34; }
if (b == 4) { return 36; }

会保持单行格式，且花括号完全保留，符合你的需求。

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