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

