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

Posted 2023-02-22

【中文标题】如何禁用更漂亮的设置创建新的> html标签行？

【英文标题】：How to disable prettier settings creating new line of > of html tag?

【发布时间】：2019-05-24 10:21:51

【问题描述】：

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

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

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

我想让 Prettier 输出：

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

【参考方案1】：

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

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

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

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

更新 01

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

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

【讨论】：

嗨，谢谢你的回答，我在不使用 prettier 时工作，但我需要扩展，因为它已经在项目中使用了。

这是一个糟糕的答案，因为它没有解决问题。我从谷歌来到这里寻找更漂亮的解决方案，因为我不使用 VS Code。

@ChrisTurner 它可能无法回答您的问题。但回答了真正的问题，提问者接受了当时的答案（2018年）。如果您确实有任何具体问题，请提出 - 如果可能，很乐意回答。

我接受了 "html.format.wrapAttributes": "force-aligned" - 没有任何改变，签 ">" 转移，还有什么需要检查的？

“你仍然可以合并设置” - 你链接到一个非常非常长的线程，我没有时间阅读。如何合并设置？我只是尝试设置该设置，它没有任何改变。如何合并？

【参考方案2】：

对于JSX（和其他文件类型，如HTML），可以进行设置

"bracketSameLine": 真

在你的 .prettierrc 中

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

（或 jsxBracketSameLine 对于版本

【讨论】：

自 4.2.0 起已弃用。替换为bracketSameLine

我还需要添加 htmlWhitespaceSensitivity: ignore 以使其工作。