sass - Visual Studio Code 中的 sass-lint 混合制表符与空格

Question

我刚刚在我的VS 代码编辑器中安装了sass-lint ，并且我在文件中设置的每个属性（行）都不断收到此错误：*.scss

[sass-lint] Mixed tabs and spaces

VS Code 中的缩进类型设置为 tabs(4)，使用 Tabs 设置缩进。

如何禁用 sass-lint 的制表符和空格混合？

Answer 1

真正的原因是：SASS Lint 无法识别您的缩进设置，而是使用默认缩进（2 个空格）。它正在寻找 2 个空格并找到了选项卡。

您可以通过删除所有缩进并阅读提示来确认它。

正如Pull#725所指出的，正确的语法是：

缩进：
  - 1
  -
    大小：'标签'

Answer 2

为了关闭这个，我后来发现使用EditorConfig文件预先设置所有工作流程设置是一种最佳实践。

这是一个插件类型的设置文件，它预先配置所需的设置以适合您的工作流程。

就我而言，我将EditorConfig 用于 VScode。将它添加到您选择的编辑器后，只需在您的基本（根）目录中创建一个.editorconfig文件，并用所需的设置填充它。

例如，我的基本设置如下所示：

# Editor configuration, see http://editorconfig.org
root = true

[*]
charset = utf-8
indent_style = tab
indent_size = 4
insert_final_newline = true
trim_trailing_whitespace = true

[*.md]
max_line_length = off
trim_trailing_whitespace = false

Answer 3

我发现 Sublime Text 3 中的 sass-lint 没有加载我的配置文件。

阅读此GitHub 问题后，我得到了它的工作：

在 SublimeLinter 首选项中（首选项 -> 包设置 -> SublimeLinter -> 设置）：

"linters": {
    "sass": {
        "working_dir": "${/home/myusername}"
    }
},

将文件 .sasslintrc 添加到您的主文件夹：

{
  "rules": {
    "indentation": [
      1,
      {
        "size": "tab"
      }
    ]
  }
}