Js-beautify: 行が特定の長さに達した場合にのみ、整列html属性をラップします

作成日 2017年09月27日  ·  8コメント  ·  ソース: beautify-web/js-beautify

行が特定の長さの文字に達した場合にのみhtml属性をラップすることは可能ですか? たとえば、Phpstormで機能する方法は、このようなものがある場合です。

<div v-for="item in items" class="items">
    <p>{{item.name}}</p>
</div>

Phpstormフォーマッターは属性をラップしませんが、私のコードが次のようになっている場合

<div v-for="item in items" class="items" v-if="items.notEmpty()" :class="{active: isActive} :key="item.id">
    <p>{{item.name}}</p>
</div>

行に100文字を超える文字が含まれている場合、属性が折り返され、次のように配置されます。

<div v-for="item in items" 
     class="items" 
     v-if="items.notEmpty()" 
     :class="{active: isActive} 
     :key="item.id">
    <p>{{item.name}}</p>
</div>
html enhancement

最も参考になるコメント

「折り返す前の属性の数」のようなオプションがいいと思っていたので、4つ未満の属性は折り返されませんが、4つ以上の属性は折り返されます。もちろん、ユーザーごとに構成可能です。

全てのコメント8件

関連する議論については#1125を参照してください。 まったく同じ機能ではありませんが、関連しています。

これは実装されていますか? 次の場合は非常に煩わしいです。
<meta content="IE=edge" http-equiv="X-UA-Compatible">

になります:

<meta content="IE=edge"
      http-equiv="X-UA-Compatible">

一列に並べるだけの十分なスペースがあるのに

@RenaldasK
この問題は割り当てられていません。 修正とテストを実装し、PRを提出し、それを完成させるために誰かが必要です。 たぶんあなた?

+1、これはまさに私たちが行動が機能することを期待する方法です

私は今週末それを見るかもしれません。 これは--wrap-attributes autoまたはいくつかの新しいオプションで実装する必要がありますか?

実際、私は#1285の問題を調べましたが、そこに記載されている動作は私のニーズにも合っているので、代わりにこのPR#1297をフォークして、マージしてクローズしようと思うかもしれません。

「折り返す前の属性の数」のようなオプションがいいと思っていたので、4つ未満の属性は折り返されませんが、4つ以上の属性は折り返されます。もちろん、ユーザーごとに構成可能です。

@Adondrielこれは

このページは役に立ちましたか?
0 / 5 - 0 評価