如何阻止Prettier将HTML中的双引号移至新行？

你可以通过调整Prettier的配置或局部忽略规则来实现预期效果，具体方案如下：

• 调整全局换行宽度：Prettier默认的printWidth为80，若属性字符串长度接近这个阈值，会触发换行。你可以在项目的.prettierrc或其他Prettier配置文件中增大该值，让长属性内容能在一行容纳：

  {
    "printWidth": 120
  }
  

• 修改HTML空格敏感度：将htmlWhitespaceSensitivity设置为ignore，降低Prettier对HTML空格的严格处理，辅助调整换行逻辑：

  {
    "htmlWhitespaceSensitivity": "ignore"
  }
  

• 局部忽略格式化：如果不想全局修改配置，可以在需要保留格式的元素前添加Prettier忽略注释，让Prettier跳过该元素的格式化：

  <!-- prettier-ignore -->
  <div v-bind:class="{'long-class-1': cond1, 'long-class-2': cond2, 'long-class-3': cond3}"></div>
  

注意：Prettier的核心目标是保证代码风格统一，局部忽略或全局调整配置可能会影响团队代码风格一致性，建议结合项目规范选择合适方案。

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