Angular 5的SCSS格式化程序[关闭]答案

【问题标题】：SCSS formatter for angular 5 [closed]Angular 5的SCSS格式化程序[关闭]
【发布时间】：2019-08-13 02:49:32
【问题描述】：

在我们的 Angular 5.2 项目中，我们在 scss 文件中不断收到以下错误，

我们是否有 VS 代码插件或 Scss 格式化程序可以处理 scss 中的这些空间问题？？

【问题讨论】：

【解决方案1】：

我在 VS Code 中使用 Sibiraj 的 SCSS Formatter，只需运行 SHIFT + ALT + F 或右键单击“格式化文档”即可格式化文档

【讨论】：

【解决方案2】：

这些错误似乎来自stylelint linting 工具。您必须修改您的 stylelint 配置并关闭这些规则，或者您必须在您的 scss 文件中修复它们。

为了帮助您在编码时检测 VS 代码上的这些错误，您可以使用扩展。

现在打开您的 scss 文件，VS 代码应该会指出您的 lint 错误。（这可能需要您重新启动 VS 代码）。

【讨论】：

你是对的。这是因为 Stylelint。似乎我的公司已阻止将此扩展程序添加到 VS 代码中。现在，我手动删除了所有空格，但它很糟糕，不想再次手动删除。我将在这方面与管理团队核实。谢谢。

【解决方案3】：

您是否复制/粘贴 scss 代码？你确定你复制的是一个scss代码吗？ sass 代码在行尾没有逗号；也许它没有编译，因为它不是一个 scss 代码，我的提示是你得到很多 EOL 错误

.some-class {
    display: none;
    .some-other-class {
        background-color: green;
    }
}

这是一个 scss 代码。请在问题中提供更多详细信息。

【讨论】：