☰

笔记：

tag-icon • tag-icon vim sorting
笔记：

笔记：

有 300 声望的人能把标签“scss”添加到这个问题吗？我将不胜感激。

我的代码（scss）：

.cinderblock {
    @include minwidth();
    background-image:url("images/cinderblock.jpg");
    background-position:top center;
    background-color:#b79966;
    height:528px;

    .wrapper {
        background-image:url("images/home-decorito.jpg");
        height:488px;
    }
    .big-yellow-button {
        width: auto;
        position:absolute;
        bottom:84px;
    }
}

我需要它看起来像：

.cinderblock {
    @include minwidth();
    background-color:#b79966;
    background-image:url("images/cinderblock.jpg");
    background-position:top center;
    height:528px;

    .big-yellow-button {
        bottom:84px;
        position:absolute;
        width: auto;
    }
    .wrapper {
        background-image:url("images/home-decorito.jpg");
        height:488px;
    }
}

解决方案必须：

  • 按字母顺序排序
    • 父块的属性
    • 子块的属性
    • 子块
  • 保留缩进
  • 奖金：纠正空格不一致（例如属性名称和值之间的空格）

答案1

没有简单/内置的方式来做你想做的事情。你显然会:sort在某个时候使用该命令，但你需要想出几个宏。基本上，这个想法是：

  1. 将所有规则放在内联

    v%
J
(repeat)

  2. 对选择器进行排序

    (select the inlined selectors)
:'<,'>sort

  3. 扩展规则块并使其看起来更好

    :s/\[{;\]/&\r
=%

  4. 对每个块进行排序

    (select the rules)
:'<,'>sort

你可以找到一些灵感那里。

相关内容