angular - 如何禁用更漂亮的设置创建 html 标签的新行 >？

Question

我浏览了 Vscode 的 Prettier 扩展，但找不到如何禁用此方案。见html标签的>。

这是一个示例代码，每次我运行 Prettier 时都需要进行一些修复。输出是这样的:

<tag-html
 [val1]="valueStr"
 [val2]="valueStr"
>
</tag-html>

我想让 Prettier 输出:

<tag-html
 [val1]="valueStr"
 [val2]="valueStr">
</tag-html>

Answer 1

对于 JSX(和其他文件类型，如 HTML)，这可以完成设置

"bracketSameLine": true

在你的 .prettierrc 中

参见 https://prettier.io/docs/en/options.html#bracket-line

(或 jsxBracketSameLine 版本 < 4.2.0)