html 속성을 정렬하기위한 올바른 코딩 표준/형식은 무엇입니까

Question

저는 토론을하고 있는데 html 속성을 줄이는 가장 좋은 방법이 궁금합니다 (줄이 120자를 초과하는 경우). 우리가 사용하는 IDE (PHPstorm)에는 속성을 정렬하는 옵션이 있습니다. 필자는 표준을 알고 있습니다. 이 경우 우리는 webpack과 함께 vueJS2를 사용하지만이 질문은 모든 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> 

특성을가집니다 또는이 작업을 수행하는 더 나은 방법은 무엇입니까?

Answer 1

나는 주관적이지 않은 답변이 없다고 생각합니다. 실제로 어느 스타일에서 더 정비 가능하고 가독성이 좋은지 선택해야합니다. 일단 당신이 그것을 선택했다면, 그것에 충실하십시오. 도구에서 자동으로 형식 중 하나를 사용하는 경우 수동으로 유지해야하는 형식이 아닌 해당 형식을 사용하는 것이 실용적입니다.