`">
跳至内容

vue/script-indent

<script> 中强制使用一致的缩进

  • 🔧 命令行 上的 --fix 选项可以自动修复此规则报告的一些问题。

📖 规则详细信息

此规则在 <script> 中强制使用一致的缩进样式。默认样式为 2 个空格。

正在加载...

🔧 选项

此规则有一些选项。

json
{
  "vue/script-indent": ["error", TYPE, {
    "baseIndent": 0,
    "switchCase": 0,
    "ignores": []
  }]
}
  • TYPE (number | "tab") ... 缩进类型。默认值为 2。如果这是一个数字,则表示一个缩进的空格数。如果这是 "tab",则使用一个制表符进行一个缩进。
  • baseIndent (integer) ... 顶层语句缩进的倍数。默认值为 0
  • switchCase (integer) ... case/default 子句缩进的倍数。默认值为 0
  • ignores (string[]) ... 要忽略的节点选择器。AST 规范 在这里。您可以使用 esquery 选择节点。默认值为一个空数组。

注意

此规则仅检查 .vue 文件,不会干扰其他 .js 文件。不幸的是,默认的 indent 规则在启用时会尝试同时 lint 两种文件,因此为了使它们互补,您可以使用 overrides 设置并在 .vue 文件上禁用 indent 规则

json
{
  "rules": {
    "vue/script-indent": ["error", 4, { "baseIndent": 1 }]
  },
  "overrides": [
    {
      "files": ["*.vue"],
      "rules": {
        "indent": "off"
      }
    }
  ]
}

2, "baseIndent": 1

正在加载...

🚀 版本

此规则在 eslint-plugin-vue v4.2.0 中引入。

🔍 实现