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 中引入。