Prettier格式化HTML时自动拆分>.至新行的原因及规则修改咨询

原因 #

Prettier的HTML解析器会把标签闭合的>和紧跟的.识别成两个独立的语法节点：>属于标签闭合的语法标记，.则是独立文本节点的起始字符。因为两者语法上下文不同，Prettier的自动换行逻辑会强制把它们拆到不同行，以此避免解析歧义，保证语法结构的清晰性。

可操作的处理方式 #

目前Prettier没有专门的配置项直接修改这个换行行为（它的设计原则是尽量减少自定义配置，统一代码风格），但可以通过以下方式规避：

• 添加空格分隔：像你发现的那样，在闭合尖括号和句点之间加一个空格（</strong> .），让解析器明确区分标签结束和后续文本，格式化后就不会换行。
• 局部忽略格式化：如果不想添加空格，可以在需要保留格式的代码上方添加<!-- prettier-ignore -->注释，让Prettier跳过这段代码的格式化：

  <!-- prettier-ignore -->
  <div>
      Some text
      <strong><a routerLink="/button">update now</a></strong>.
  </div>
  

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