Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/visual-studio-code/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Less.css代码格式_Less_Visual Studio Code_Sublimetext_Code Formatting - Fatal编程技术网

Less.css代码格式

Less.css代码格式,less,visual-studio-code,sublimetext,code-formatting,Less,Visual Studio Code,Sublimetext,Code Formatting,我想用类似于Bootstrap如何按列进行编码的方式来格式化我的Less样式表。我不知道我的语言是否正确,所以我附上了我要找的东西的截图: 目前,我使用Sublime文本或Visual Studio代码,或者,我想Vim有时也会使用,但我在前两种代码中使用了大部分代码。我可以手动完成,但这是一件痛苦的事 我也尝试过Sublime插件,但我没有取得任何进展 我一直在寻找如何做到这一点,但我承认我可能遗漏了一些明显的东西。我很想给Bootstrap开发人员发电子邮件,询问他们是如何做到的。不会太难

我想用类似于Bootstrap如何按列进行编码的方式来格式化我的Less样式表。我不知道我的语言是否正确,所以我附上了我要找的东西的截图:

目前,我使用Sublime文本或Visual Studio代码,或者,我想Vim有时也会使用,但我在前两种代码中使用了大部分代码。我可以手动完成,但这是一件痛苦的事

我也尝试过Sublime插件,但我没有取得任何进展


我一直在寻找如何做到这一点,但我承认我可能遗漏了一些明显的东西。我很想给Bootstrap开发人员发电子邮件,询问他们是如何做到的。不会太难吧?

有几个扩展旨在解决这个问题。我刚刚安装了最流行的Align,然后复制了我能从中找到的第一个更少的代码

然后,我选择了代码并使用align命令,得到了以下结果:

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

如果你问是否有一个内在的方法来做这件事,但据我所知

@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%) }
}