Css 使用vim自动格式化LESS代码
如何使vim正确地格式化这个较少的代码Css 使用vim自动格式化LESS代码,css,vim,less,autoformatting,Css,Vim,Less,Autoformatting,如何使vim正确地格式化这个较少的代码=G命令给出了可怕的结果 以下是一个示例: // главный слайдер main slider .herounit-row { position: relative; } .hero-box { position:absolute; top:0; width:100%; .centered(); } 下面是它如何处理gg=G: // главный слайдер main slider .herounit
=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();
}
对我来说,这很有效
但是说实话,我只看到你的填充行错了,其余的似乎没问题
这是在my vim上格式化的less代码:
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);
}
}
对我来说,这很有效
但是说实话,我只看到你的填充行错了,其余的似乎没问题
这是在my vim上格式化的less代码:
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);
}
}
如果要使用Vim附带的文件类型,可以:
:设置ft=scss
之后,gg=G
应提供预期结果
编辑:如果它适用于您的所有用例,您还可以通过以下方式实现自动化(我假设这里的文件扩展名较小):
自动读取BufNewFile,BufRead*.less set filetype=scss
如果您想使用Vim附带的文件类型,您可以:
:设置ft=scss
之后,gg=G
应提供预期结果
编辑:如果它适用于您的所有用例,您还可以通过以下方式实现自动化(我假设这里的文件扩展名较小):
自动读取BufNewFile,BufRead*.less set filetype=scss
我也使用vim-less,但它仍然不起作用。我已经用一个更干净(更小)的样本澄清了我的问题。我也少用vim,但它仍然不起作用。我已经用一个更干净(更小)的样品澄清了我的问题。可悲的是,这对我来说没有什么区别。什么是没有区别?你能在你的问题中给出预期的结果吗?因为使用scss文件类型时,标识对我来说是正确的。遗憾的是,它对我来说没有区别。什么意思没有区别?你能在你的问题中给出预期的结果吗?因为我使用scss文件类型时,标识看起来是正确的。