结束>在新行中

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

更漂亮的设置称为jsxBracketSameLine，需要将其设置为true

文档

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

Answer 2

您可以关注this主题。

这是更漂亮的功能要求。

Answer 3

在我的情景中，使用Angular 我将更漂亮的版本从^ 1.19.1更新为^ 2.1.2

ArrayList<MyLatLngData> locations;

没有任何属性接触，在同一行上关闭html标签。