Js-beautify: HTML 属性的排序

创建于 2018-02-22  ·  6评论  ·  资料来源: beautify-web/js-beautify

描述

无论如何启用HTML属性的排序?

输入

<input class="input is-small"
            type="text"
            v-model="domainFilter"
            placeholder="search">

预期产出

美化后的代码应该是这样的:

<input class="input is-small"
            placeholder="search"
            type="text"
            v-model="domainFilter">

实际输出

美化后的代码实际上是这样的:

<input class="input is-small"
            type="text"
            v-model="domainFilter"
            placeholder="search">

重现步骤

只需添加一些属性

环境

操作系统:Windows 10
Vs-Code 最新

设置

{
    "editorconfig": true,
      "indent_size": 2,
      "wrap_attributes": "force-aligned",
      "wrap_attributes_indent_size": 2,
      "wrap_line_length": 80
}
html enhancement

最有用的评论

Html 现在在格式化之前进行标记。 这意味着如果有人愿意,现在实现这一点会容易得多。

所有6条评论

Beautifier 目前不重新排序内容。

Html 现在在格式化之前进行标记。 这意味着如果有人愿意,现在实现这一点会容易得多。

很高兴看到对此的支持。 我喜欢按字母顺序排列我的属性——它可以帮助我更快地找到属性。 (至少对我来说,这个问题与 #1084 有点相关,它是关于按字母顺序重新排序 CSS 属性。)

对于差异化非常方便

有什么更新吗? 希望能尽快支持这个功能,谢谢!

@钢琴男孩赛
欢迎 PR! 请贡献!

此页面是否有帮助?
0 / 5 - 0 等级