如何抑制错误:混合空格和制表符?

Question

我在应用程序中收到Vue.js烦人的'错误'消息。

error: Mixed spaces and tabs (no-mixed-spaces-and-tabs) at src/components/Landing.vue:388:2:

我想知道如何抑制它？

Answer 1

这是一个ESLint 错误 (no-mixed-spaces-and-tabs(，旨在警告不要同时使用空格和制表符来缩进代码。空格/制表符的一致性是一种代码约定，这在团队中共享代码库时非常重要 (1( (2(。如果您独自摆动它(并且没有其他计划(，请随时禁用/启用您想要的任何规则。

禁用每个项目的规则

您可以将 ESLint 配置为忽略整个项目中的该错误。配置通常存储在 Vue CLI 生成的项目中.eslintrc.js。在该文件中，编辑rules对象以包含：

// .eslintrc.js
module.exports = {
"rules": {
"no-mixed-spaces-and-tabs": 0, // disable rule
}
}

禁用每行规则

要仅忽略单行的该错误，请在该行上使用内联注释(eslint-disable-line no-mixed-spaces-and-tabs或eslint-disable-next-line no-mixed-spaces-and-tabs(：

⋅⋅const x = 1
⇥⋅⋅const y = 2 // eslint-disable-line no-mixed-spaces-and-tabs
// eslint-disable-next-line no-mixed-spaces-and-tabs
⇥⋅⋅const z = 3

禁用每个部分的规则

若要忽略多行代码的该错误，请用eslint-disable no-mixed-spaces-and-tabs将代码括起来，并eslint-enable no-mixed-spaces-and-tabs多行注释：

⋅⋅const x = 1
/* eslint-disable no-mixed-spaces-and-tabs */
⇥⋅⋅const y = 2  // 🙈
⇥⋅⋅const z = 3  // 🙈
/* eslint-enable no-mixed-spaces-and-tabs */
⇥⋅⋅const q = 4  // ❌ error: mixed spaces and tabs!

Answer 2

转到view option然后转到indentation，您会发现indent using space。您的问题应该已解决。如果未修复，请转到convert indention to spaces.

Answer 3

通过修复这些代码样式问题。

这是违反 ESLint 规则的行为。它对代码是否实际运行没有影响，但它会警告您源代码的格式不理想。

这意味着在代码缩进(不可见字符(中，您混合使用制表符和空格。

它应该是一个或另一个。因此，请确保始终使用制表符或空格，但切勿同时使用两者。

大多数 IDE 都有将制表符转换为空格的选项，反之亦然，以转换现有代码以使其符合此规则。

否则@tony19的答案已经覆盖了你。