如何在ESLint中将制表符大小定义为4？

Question

我正在我的工作空间中试验ESLint，我对缩进规则有点困惑。

以下是我的缩进设置规则：

"rules": {
  "indent": [
    "error", "tab"
  ]
}

文档中只说明了只有两个选项：空格数的正数和“tab”。

我的问题是如何定义4的标签大小，而不仅仅是“标签”？可以使用缩进规则吗？

我正在使用 vs 代码。

Answer 1

即使在将制表符大小设置为4之后，我仍然遇到了一些错误，eslint说我仍然应该使用四个空格。

   "rules": {
        "indent": ["error", { "allowIndentationTabs": true }]
     }

但使用allowIndentationTabshttps://eslint.org/docs/latest/rules/no-tabs#allowindentationtabs如文档中所示，删除了错误。也可以将无选项卡设置为0

   "rules": {
        "indent": [4, "tab"],
        "no-tabs": 0,
     }

Answer 2

您需要config Vscode将选项卡大小定义为4。ESlint用于显示错误，而不是用于将制表符转换为空格。当意图与4个空格(这是默认样式)不同时，您可以在ESlint上使用此规则来显示错误:

{
    "indent": ["error", 4]
}

Answer 3

您要查找的内容不可能作为linter设置。ESLint将源文件（或纯文本）内联，并且所有源文件在制表符位置都有一个制表符。对于不同的制表符长度，没有单独的制表符。相反，每个显示制表符的应用程序自行决定如何显示制表符。VSCode可能有一个设置，但是当您在不同的编辑器或浏览器中打开文件时，其他编辑器或浏览器可能会选择以不同的方式显示它（例如一个占2个空格的制表符，或者一个占8个空格的制表符，或者类似的东西）。

即使在浏览器中，在同一个选项卡中，一个选项卡的长度也可以有多个不同的设置，尽管从同一个源文件开始。有关相关讨论的示例，请参见此处。

不过，VSCode确实对选项卡的可视大小进行了设置：转到文件-