背景:
我正在使用 Prettier - Code formatter VSCode 的扩展以在保存时自动格式化我的代码。
问题:
我习惯于在我的 sass 文件中编写单行 block (其中只有一个属性),即.some-class { background: #f00; }
问题是 Prettier扩展将其格式化为多行,即
.some-class {
background: #f00;
}
似乎更漂亮地将 stylelint 用于 css/scss 文件,我发现可以通过在设置中启用它来覆盖这些设置:
"prettier.requireConfig": true
并使用 .prettierrc.js 文件,但无法关闭单行 block 的 linting。如果这里有人对此有任何修复,将不胜感激。谢谢
更新:
设置不能被
"prettier.requireConfig": true
覆盖. Prettier - Code formatter VSCode 的扩展没有从 VSCode 设置编辑样式表的选项。但是,有一个选项可以启用 stylelint集成,但这需要 stylelint 和 stylelint-prettier npm 模块 .
Prettier默认使用 standard stylelint configuration用于样式表检查和格式化。
在下面发布解决方案。
最佳答案
我不知道 vscode 有这个功能。一种简单的解决方案可能是指定 prettier-ignore
?
/* prettier-ignore */
.some-class { background: #f00; }
引用:
关于visual-studio-code - 如何在 VSCode 中使用 Prettier 编辑 CSS/SCSS/LESS 的自动格式设置规则?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54753495/