1

我在我的 Typescript 项目中使用 Visual Studio Code 和更漂亮。它还格式化更少的文件。

prettier 所做的是将每个选择器放在一行中。 

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

最终成为一个非常 looooooooooooooong 的选择器链：

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

我想要更漂亮的是，让我一个人呆着（在这个特定方面。在.less文件中。）如果我愿意的话，把它们放在一行（或几个）中。或者在多个，如果是的话，他发现了什么：

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

ul,
ol {
    list-style: none;
}

顺便说一句：// prettier-ignore我可以通过在这些选择器之前添加一行来“证明”，只有 prettier 参与其中，而不是 vscode 或我的 tslint 中的任何内置内容。这也将是一个本地修复，但我想要一个更通用的解决方案......而不必在所有这些中抛出反 linter 评论......）

更新：

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

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

1 回答 1

3

我看不出有办法阻止 prettier 将换行符添加到您的选择器列表中。不过，vscode 有一个 prettier-stylelint 集成，请参阅vscode 中对 prettier-stylelint 的支持。

vsCode 的 Stylelint 扩展确实有你需要的选项。 选择器列表中的换行符：stylelint 规则。

选择器列表逗号换行符之前：“从不多行”

所以你可以只使用 stylelint 而不是更漂亮。或者等待 prettier-sttlelint 集成的 PR。它看起来非常接近。

于 2017-10-03T15:49:35.203 回答