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

Question

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

这是每次我运行Prettier时都需要修复的示例代码。输出是这样的：

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

我想让漂亮的人输出：

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

Answer 1

对于JSX，这可以完成设置

<块引用>

"jsxBracketSameLine": 真

在你的 .prettierrc

Answer 2

这可以在VS Code本身的帮助下完成。将以下条目放置在vs代码中的工作空间设置中。

"html.format.wrapAttributes": "force-aligned"

您不需要任何外部插件或扩展程序即可。

或者您也可以使用GUI设置页面

UPDATE 01

基于更漂亮的仓库中的github问题 https://github.com/prettier/prettier-vscode/issues/646

您仍然可以合并我上面提到的设置。