Less.css 代码格式化

Question

我想对我的 Less 样式表进行编码格式化，类似于 Bootstrap 的做法 - 按列。我不知道我的语言是否正确，所以我附上了我正在寻找的屏幕截图：

目前我使用 Sublime Text 或 Visual Studio Code，或者，有时我猜是 Vim，但我在前两个中进行了大部分编码。我可以手动执行此操作，但在 *ss 中很痛苦。

我也尝试过 Sublime 插件AlignTab，但没有成功。

我已经研究了很多如何做到这一点，但我承认我可能遗漏了一些明显的东西。我很想给 Bootstrap 开发人员发电子邮件，询问他们是如何做到的。不能太难了吧？

Answer 1

有几个扩展in the marketplace 旨在解决这个问题。我刚刚安装了最受欢迎的 Align，然后复制了我从 http://lesscss.org/ 找到的第一个 less 代码

@base: #f938ab;

.box-shadow(@style, @c) when (iscolor(@c)) {
  -webkit-box-shadow: @style @c;
  box-shadow:         @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
  .box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box {
  color: saturate(@base, 5%);
  border-color: lighten(@base, 30%);
  div { .box-shadow(0 0 5px, 30%) }
}

然后我选择了代码并使用了 align 命令并得到了这个：

其他一些扩展可能不需要您先选择文本，或者格式可能不同，所以不要害怕尝试它们。

如果您问是否有内置方法可以做到这一点，但据我所知。