javascript - 如何抑制错误: Mixed spaces and tabs?

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

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

我想知道如何抑制它？

最佳答案

这是ESLint error ( 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 or 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!

关于javascript - 如何抑制错误: Mixed spaces and tabs?，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52269041/