html - 属性的 PhpStorm HTML 缩进

Question

对于具有很多属性的标签，我想将每个属性拆分到一个新行上，并且当我按下回车键调用一个新行时，它应该缩进一个标签。

以下示例输出我想如何缩进我的属性：

<svg width="300px" height="150px">
    <ellipse class="fill-current" 
        cx="150" 
        cy="75" 
        rx="100"
        ry="75"
    />
</svg>

但是 PhpStorm 会自动尝试将我的所有行缩进到当前属性：

<svg width="300px" height="150px">
    <ellipse class="fill-current"
             cx="150"
             cy="75"
             rx="100"
             ry="75"
    />
</svg>

我在设置（编辑器 -> 代码样式 -> HTML）中找不到任何选项来更改此行为。有谁知道这个问题的解决方案？

这背后的原因是因为我经常在我的 HTML 模板中使用自定义标签。有时我自己的标签很长，是 2 个或（在极少数情况下）3 个单词的组合，在新行上开始所有额外的属性很方便，它不应该在标签的末尾对齐。自己缩进属性很麻烦。我想自动化它。

标签： htmlphpstormindentationauto-indent

Answer 1

试试这个：

这样我就可以按照您想要的方式格式化代码。