Question

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

with align attributes：

        <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>

还是有更好的方法吗？

Answer 1

我猜这个答案并不是主观的。实际上，应该选择哪种风格更易于维护和可读。一旦你选择了一个，坚持下去。如果您的工具自动使用其中一种格式，那么使用该格式是可行的，而不是您必须手动维护的格式。

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

1 个答案: