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

How to disable prettier settings creating new line of > of html tag?

我浏览了 Vscode 的 Prettier 扩展,但找不到如何禁用此方案。请参阅 html 标记的 >。

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

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

我要 Prettier 输出:

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

这可以借助 VS Code 本身来完成。在 vs 代码的工作区设置中放置以下条目。

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

您不需要任何外部插件或扩展来执行此操作。

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

更新 01

基于 prettier repo 中的 github issue https://github.com/prettier/prettier-vscode/issues/646

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

对于JSX(以及其他文件类型,如HTML),这可以通过设置

完成

"bracketSameLine": true

在你的 .prettierrc

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

(或 jsxBracketSameLine 版本 < 4.2.0)