`">
eslint-plugin-vue

外观

vue/html-indent ​

在 <template> 中强制一致的缩进

  • ⚙️ 此规则包含在所有 "plugin:vue/vue3-strongly-recommended"、*.configs["flat/strongly-recommended"]、"plugin:vue/strongly-recommended"、*.configs["flat/vue2-strongly-recommended"]、"plugin:vue/vue3-recommended"、*.configs["flat/recommended"]、"plugin:vue/recommended" 和 *.configs["flat/vue2-recommended"] 中。
  • 🔧 命令行 上的 --fix 选项可以自动修复此规则报告的一些问题。

📖 规则详情 ​

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

  • 此规则检查所有标签，包括指令和花括号中的所有表达式。
  • 在表达式中，此规则支持 ECMAScript 2022 语法。它忽略未知的 AST 节点，但它可能会被非标准语法混淆。
正在加载...

🔧 选项 ​

json
{
  "vue/html-indent": ["error", type, {
    "attribute": 1,
    "baseIndent": 1,
    "closeBracket": 0,
    "alignAttributesVertically": true,
    "ignores": []
  }]
}
  • type (number | "tab") ... 缩进类型。默认值为 2。如果这是一个数字，它表示一个缩进的空格数。如果这是 "tab"，它使用一个制表符来表示一个缩进。
  • attribute (integer) ... 属性缩进的倍数。默认值为 1。
  • baseIndent (integer) ... 顶级语句缩进的倍数。默认值为 1。
  • closeBracket (integer | object) ... 右括号缩进的倍数。默认值为 0。
    您可以通过设置一个数字值来应用以下所有内容。
    • closeBracket.startTag (integer) ... 开始标签（<div>）右括号缩进的倍数。默认值为 0。
    • closeBracket.endTag (integer) ... 结束标签（</div>）右括号缩进的倍数。默认值为 0。
    • closeBracket.selfClosingTag (integer) ... 自闭合标签（<div/>）右括号缩进的倍数。默认值为 0。
  • alignAttributesVertically (boolean) ... 多行情况下属性是否应垂直对齐到第一个属性的条件。默认值为 true
  • ignores (string[]) ... 要忽略节点的选择器。AST 规范 在这里。您可以使用 esquery 来选择节点。默认情况下是一个空数组。

2, {"attribute": 1, "closeBracket": 1} ​

正在加载...

2, {"attribute": 2, "closeBracket": 1} ​

正在加载...

2, {"ignores": ["VAttribute"]} ​

正在加载...

2, {"alignAttributesVertically": false} ​

正在加载...

2, {"baseIndent": 0} ​

正在加载...

🚀 版本 ​

此规则是在 eslint-plugin-vue v3.14.0 中引入的

🔍 实现 ​