Question

我在我的Typescript项目中使用Visual Studio Code和prettier。它还格式化less个文件。

更优秀的是将每个选择器放在一行......

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4... {
    margin: 0;
    padding: 0;
}

结束作为一个非常loooooooooooooong选择链：

body,
div,
dl,
dt,
...
{
    margin: 0;
    padding: 0;
}

我想要Prettier，只是让我一个人（在.less文件中的这个特定方面。）如果我愿意，请将它们排成一行（或几行）。或多个，如果是，他发现了什么：

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4... {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

顺便说一下：我可以“证明”，只有在{8}之前添加// prettier-ignore行，才能更好地掌握这一点，而不是vscode或我的tslint中的任何内置内容选择。这也是一个本地解决方案，但我想要一个更通用的解决方案......而不必在所有这些方面抛出反linter评论......）

更新

也许解决方案在将.less文件指向不同的解析器附近。但是，我无法找到一个示例代码，如何告诉我更漂亮的postcss-Preferences然后......

{
    "singleQuote": true,
    "printWidth": 140,
    "overrides": [{
        "files": "*.less",
        "options": {
            "parser": "postcss"
        }
    }]
}

Answer 1

我没有看到一种方法可以防止在选择列表中添加换行符更漂亮。尽管有更漂亮的样式集成，但请参阅support for prettier-stylelint in vscode.

Stylelint extension for vsCode确实有您需要的选项。 newlines in selector lists : stylelint rule。

selector-list-comma-newline-before： “永不多行”

所以你可以使用stylelint而不是更漂亮。或者等待更漂亮的stlelint整合的PR。它看起来非常接近。

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

更新

1 个答案: