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

如何配置Prettier禁止三元运算符自动拆分为多行?

Prettier禁止三元运算符自动拆行配置方案

首先你现有配置存在两处拼写错误,会导致对应规则不生效:

  • 行宽配置的正确写法是驼峰命名printWidth,你写的printwidth未按规范命名,200的自定义行宽不会生效,Prettier会默认使用80作为行宽上限,当三元运算符代码长度超过80字符时就会自动拆行
  • bracketspacings的正确写法是bracketSpacing,末尾不需要加s

修正后的完整配置如下:

module.exports = {
    trailingComma: 'es5',
    tabWidth: 4,
    semi: true,
    singleQuote: true,
    printWidth: 200,
    bracketSpacing: true,
};

配置修正后,只要你的三元运算符单行长度不超过200字符,就会默认保持单行展示,不会被自动拆分。

如果个别超长三元你也想强制保持单行,可以在对应代码行上方加格式化忽略注释:

// prettier-ignore
const route = routeModule.config ? routeModule.config(router) : routeModule(router);

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.10.11 17:27:03