css - 使用 vim 自动格式化 LESS 代码

Question

如何使 vim 正确格式化此 LESS 代码？=G命令给出了可怕的结果。

这是一个示例：

// главный слайдер main slider
.herounit-row {
    position: relative;
}
.hero-box {
    position:absolute;
    top:0;
    width:100%;
    .centered();
}

这是它的外观gg=G：

// главный слайдер main slider
.herounit-row {
position: relative;
}
.hero-box {
position:absolute;
top:0;
width:100%;
      .centered();
}

Answer 1

如果你想使用 Vim 自带的文件类型，你可以：

:set ft=scss

之后gg=G应该会提供预期的结果。

编辑：如果它适用于您的所有用例，您也可以通过以下方式自动执行此操作（我假设这里的文件扩展名较少）：

autoread BufNewFile,BufRead *.less set filetype=scss

Answer 2

对我来说，这个https://github.com/groenewege/vim-less很好用。

但老实说，我只看到你的padding线路错了，其余的似乎还可以。

这是您在我的 vim 上形成的较少代码：

h1,h2,h3,h4,h5,h6 {
    font-family: @main-font;
}
.browse-button {
    .transition(0.4s all);
    line-height: 2.3em;
    padding: 0 13px 0 13px;
    background: @additional-color;
    font-size: 1em;
    border:none;
    color:#fff;
    white-space: nowrap;
    .border-radius(15px);
    &:hover {
        color:#dfdfdf;
        background:lighten(@additional-color, 10%);
    }
    &:active {
        box-shadow:inset 0px 1px 3px rgba(0, 0, 0, .5);
    }
}