结束>在新行中

Question

我在标记中有'>'的问题。我有：

<label
    class="custom-control-label"
    for="building{{building.Id}}"
>
 {{ building.City }}, {{ building.Name }}
</label>

如何在与最后一个属性相同的行中制作标签起始标签'>'？我使用的是Prettier，但在它们的配置和代码设置中都找不到解决方案。

<label
   class="custom-control-label"
   for="building{{building.Id}}">
     {{ building.City }}, {{ building.Name }}
</label>

解决方案：我使用了内置的VS Code格式化程序。

Answer 1

在Prettier < 2.4.0中：

• 添加jsxBracketSameLine: true 您的 Prettier 设置。

在Prettier >= 2.4 中。,jsxBracketSameLine已弃用，因此：

• 添加bracketSameLine: true您的 Prettier 设置。

您可以参考官方文档了解更多信息。

Answer 2

在更漂亮的配置中使用这两个选项，这两个选项对于使其正常工作都很重要：

"htmlWhitespaceSensitivity": "ignore",
"bracketSameLine": true

Answer 3

prettier 中的设置被调用jsxBracketSameLine并且需要设置为 true

文档

https://prettier.io/docs/en/options.html#jsx-brackets

Answer 4

你可以关注这个线程。

这是 Prettier 的功能请求。