寻求Prettier特定配置项：避免首个属性换行

你期望的HTML格式化效果：

<div class="test-class"
     [test-binding]="true"
     (test-binging)="test()"
     any-attr>
</div>

但Prettier开启singleAttributePerLine: true后默认输出：

<div
  class="test-class"
  [test-binding]="true"
  (test-binging)="test()"
  any-attr>
</div>

核心结论 #

Prettier没有原生配置项支持你想要的这种“首个属性跟标签同行，其余属性单独占一行并对齐”的格式化规则。

原因说明 #

Prettier的设计核心是通过减少可配置项来保证代码风格的一致性，它的HTML格式化逻辑中，当启用singleAttributePerLine时，所有属性都会强制单独分行，没有提供针对首个属性的特殊控制选项。你尝试的printWidth仅会在代码总长度超过设定阈值时触发换行，无法实现这种精准的首行属性控制。

替代方案 #

• 第三方插件扩展：可以尝试社区开发的Prettier第三方插件，这类插件通常能扩展格式化逻辑，实现更个性化的HTML属性对齐规则，不过需要注意插件的兼容性和维护状态。
• 手动调整（不推荐）：如果只是少量代码需要该格式，可在Prettier格式化后手动修改，但这种方式无法保证长期的代码风格一致性，也违背了自动化格式化的初衷。
• 遵循默认规则：若团队没有强制要求该特定格式，建议接受Prettier的默认输出，利用其风格统一的特性减少团队内的代码风格分歧。

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