Js-beautify: HTML属性を独自の行に配置するオプション

作成日 2016年04月08日  ·  6コメント  ·  ソース: beautify-web/js-beautify

HTML属性を互いに整列させて独自の行に配置するオプションを提案します。 たとえば、次のようにします。

<button id="start-signout" class="button button-full" ng-click="vm.signout()" click-animation translate>AUTH.SIGN_OUT</button>

これに:

<button id="start-signout"
        class="button button-full"
        ng-click="vm.signout()"
        click-animation
        translate>AUTH.SIGN_OUT</button>

これ、依存製品であるVisual Studio Codeで

enhancement

最も参考になるコメント

VSCode 1.23.1
"html.format.wrapAttributes": "force-aligned"
VueSFCテンプレートで機能しない

全てのコメント6件

+1

@Lukinosによって修正されました。 ありがとう!

すごい仕事!

1.6.5リリースのETAはありますか? フォースアライン機能がvscodeに組み込まれることを本当に望んでいます!

vscode 1.23.1
"html.format.wrapAttributes": "force-aligned"、
動作しません

VSCode 1.23.1
"html.format.wrapAttributes": "force-aligned"
VueSFCテンプレートで機能しない

この「html.format.wrapAttributes」コマンドをキーボードのショートカットにバインドできれば便利です。

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