html属性を整列するための正しいコーディング標準/形式は何ですか？

Question

私は議論しています.HTML属性をラップする最善の方法は何ですか（行が120文字より長い場合）。私たちが使用するIDE（PHPstorm）には、属性を整列するオプションがあります。これは、私が標準を知っている限りです。この場合、webpackでvueJS2を使用しますが、この質問はすべてのhtmlファイルに適用されます。 ALIGNと

属性：

 <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

私は主観的ではないこれに対する答えはないと思います。実際には、どのスタイルをより保守性と読みやすさで見つけるかを選択する必要があります。あなたが一度それを選んだら、それに固執してください。ツールが自動的にこれらのフォーマットのいずれかを使用する場合は、手動で維持する必要がないフォーマットを使用するのが現実的です。