如何在 ESLint 中将选项卡大小定义为 4？

Posted 2023-02-22

【中文标题】如何在 ESLint 中将选项卡大小定义为 4？

【英文标题】：How can I define tab size to 4 in ESLint?

【发布时间】：2020-05-25 09:09:17

【问题描述】：

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

这是我的缩进设置规则：

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

文档只说只有两个选项：空格数的正数和“制表符”。

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

我正在使用 vscode。

【问题讨论】：

您的意思是只允许缩进制表符，但在代码编辑器中查看时制表符的大小应为 4？

是的，我正在尝试将选项卡大小手动定义为 4 左右。这可以使用缩进规则吗？

【参考方案1】：

这似乎更像是一个基于 ide 的问题。可以告诉 Eslint 需要缩进 4 或制表符，这是一个转义字符 '\t'。如果您希望将制表符空间定义为 4 个空格，那么您必须在您使用的任何代码编辑器中更改设置。

How can I customize the tab-to-space conversion factor?

这将向您展示如何在 vscode 中执行此操作。

【讨论】：

谢谢您，我尝试将我的 vscode 缩进设​​置更改为 4 并且效果很好。

【参考方案2】：

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

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

VSCode 确实有一个选项卡的视觉大小设置，但是：转到文件 -> 首选项 -> 选项卡大小并将其设置为 4：

【参考方案3】：

你需要配置 Vscode 来将 tab 的大小定义为 4。ESlint 用于显示错误，它不用于将 tab 转换为空格。 当意图与 4 个空格（默认样式）不同时，您可以在 ESlint 上使用此规则来显示错误：

    "indent": ["error", 4]