VS Code中的CSS设置更漂亮

Question

我将Prettier扩展名添加到了VS Code编辑器。

使用Less或Sass时，默认设置的格式如下：

var results = Object.assign({}, ...myObject);

// Default

.parent_selector {
  .child_selector {
    color: red;
  }
}

如何调整Prettier CSS设置以实现此目的？我知道这似乎微不足道，但是在更大的代码库中，它有助于提高可读性。

Answer 1

作为替代方法；可以使用stylelint插件和stylelint-config-standard规则来实现。

npm install --save-dev stylelint stylelint-config-standard

安装它们后，在VS Code上继续进行ctrl+shift+p并运行命令：stylelint: fix all auto-fixable problems。

PS：考虑为stylelint: fix all auto-fixable problems命令分配一个键盘快捷键，以便于访问。