css - VS Code 中的 CSS 设置更漂亮

Question

我在我的 VS Code 编辑器中添加了 Prettier 扩展。

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

// Default

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

// Desired Format

.parent_selector {

  .child_selector {
    color: red;
  }
}

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

标签： cssvisual-studio-codevscode-settingsprettier

Answer 1

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

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

安装它们后，继续ctrl+shift+pVS Code 并运行命令：stylelint: fix all auto-fixable problems.

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