Formatting 如何在.less文件上更改更漂亮的行为?

Formatting 如何在.less文件上更改更漂亮的行为?,formatting,less,visual-studio-code,lint,prettier,Formatting,Less,Visual Studio Code,Lint,Prettier,我在我的Typescript项目中使用Visual Studio代码和。它还格式化文件 Pretter所做的是将每个选择器放在一行上。 body、div、dl、dt、dd、ul、ol、li、h1、h2、h3、h4。。。{ 保证金:0; 填充:0; } 最终成为一个非常庞大的选择器链: body, 分区, dl, dt, ... { 保证金:0; 填充:0; } 我想要更漂亮的是,让我一个人呆着(在.less文件中)如果我想的话,把它们排成一行(或几行)。或者,如果是的话,他会发现什么: b

我在我的Typescript项目中使用Visual Studio代码和。它还格式化文件

Pretter所做的是将每个选择器放在一行上。

body、div、dl、dt、dd、ul、ol、li、h1、h2、h3、h4。。。{
保证金:0;
填充:0;
}
最终成为一个非常庞大的选择器链:

body,
分区,
dl,
dt,
...
{
保证金:0;
填充:0;
}
我想要更漂亮的是,让我一个人呆着(在
.less
文件中)如果我想的话,把它们排成一行(或几行)。或者,如果是的话,他会发现什么:

body、div、dl、dt、dd、ul、ol、li、h1、h2、h3、h4。。。{
保证金:0;
填充:0;
}
ul,
ol{
列表样式:无;
}
顺便说一句:我可以“证明”,只有prettier参与了这项工作,而不是vscode或我的tslint中的任何内置内容,方法是在这些选择器前面放一行
//prettier ignore
。这也是一个局部修复,但我想要一个更通用的解决方案……而不必对所有这一切抛出反linter注释……)

更新: 也许解决方案是将
.less
文件指向另一个解析器。但是我找不到一段示例代码,那么如何告诉prettier我的POSTSS首选项

{
“单引号”:对,
“打印宽度”:140,
“覆盖”:[{
“文件”:“*.less”,
“选择”:{
“解析器”:“POSTSS”
}
}]
}

我看不到阻止prettier向选择器列表添加换行符的方法。不过,vscode中有一个更漂亮的stylelint集成,请参阅

有你需要的选择吗

选择器列表逗号换行符位于以下位置之前: “从不使用多行”


所以你可以用stylelint而不是prettier。或者等待prettier-stlelint集成上的PR。它看起来非常接近。

啊,我想我需要一点时间来回过头来测试一下:那么把lint放在上面(别名“after”)prettier?是的,会的。在stylelint修复模式下。我“假设”您可以定义一个规则,如上面的选择器列表,并应用该规则,即使prettier不喜欢它,因为stylelint是最后一个,但我们将了解这一点。但他们只提到排除冲突的stylelint规则,而不是相反。prettier非常opinionated@mark我花了几个小时来思考这个问题虽然我的问题有点不同,但这会让您了解如何在VSCode中使用prettier设置stylelint: