Less.css代码格式

Question

我希望编写格式化我的Less样式表，类似于Bootstrap的样式 - 按列。我不知道我是否正确使用它，所以我已经包含了我正在寻找的截图：

目前我使用Sublime Text或Visual Studio Code，或者，我猜Vim有时候，但我在前两个编码中做了大部分编码。我可以手动完成，但这是* ss的痛苦。

我还尝试过Sublime插件AlignTab，但我没有到达任何地方。

我看了很多关于如何做到这一点，但我承认有可能我错过了一些明显的东西。我很想给Bootstrap开发者发电子邮件，并询问他们是如何做到的。不能太难，可以吗？

Answer 1

有几个扩展程序in the marketplace旨在解决此问题。我刚安装了最受欢迎的Align，然后复制了我可以从http://lesscss.org/

找到的第一个较少的代码

@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命令并得到了这个：

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

如果您不知道是否有内置的方法可以做到这一点，不过我不知道。