解决 Prettier 格式化后,结束标签 > 跑到下一行的问题

526 阅读1分钟

背景

vscode 中,项目统一配置的格式化文件 .prettierrc,格式化操作后会出现结束标签 > 跑到下一行的问题。

eg:

<el-button @click='search'
  ><Search style="width: 1em; height: 1em; margin-right: 8px" /></el-button
>

.prettierrc 文件添加配置

"htmlWhitespaceSensitivity""ignore"

效果:

<el-button @click='search'>
  <Search style="width: 1em; height: 1em; margin-right: 8px" />
</el-button>