对齐html属性的正确编码标准/格式是什么答案

【问题标题】：What is the correct coding standard/format for aligning html attributes对齐html属性的正确编码标准/格式是什么
【发布时间】：2017-10-31 14:25:52
【问题描述】：

我正在讨论，我想知道包装 html 属性的最佳方式是什么（如果该行超过 120 个字符）。我们使用的 IDE（PHPstorm）有一个对齐属性的选项，就我所知的标准而言。在这种情况下，我们将 vueJS2 与 webpack 一起使用，但这个问题是针对每个 html 文件的。

带有对齐属性：

        <cart-item v-for="cartItem in this.cartItems" v-bind:key="cartItem.id"
                   v-bind:images="cartItem.images"
                   v-bind:code="cartItem.code"
                   v-bind:title="cartItem.title"
                   v-bind:price="cartItem.price"
                   v-bind:cnt="cartItem.count"
                   v-bind:id="cartItem.id"
        >
        </cart-item>

或者没有对齐属性

        <cart-item 
            v-for="cartItem in this.cartItems" v-bind:key="cartItem.id"
            v-bind:images="cartItem.images"
            v-bind:code="cartItem.code"
            v-bind:title="cartItem.title"
            v-bind:price="cartItem.price"
            v-bind:cnt="cartItem.count"
            v-bind:id="cartItem.id"
        >
        </cart-item>

或者有更好的方法吗？

【问题讨论】：

标签： html coding-style vuejs2 standards

【解决方案1】：

我想没有一个不主观的答案。确实，应该选择哪种风格更易于维护和阅读。一旦你选择了一个，坚持下去。如果您的工具自动使用其中一种格式，则使用该格式而不是您必须手动维护的格式更为实用。

【讨论】：