[英]How to configure eslint indent for WebStorm?
如何在.eslintr.json
设置"indent"
以匹配.eslintr.json
中使用的默认值?
到目前为止,我尝试过的一切,根据官方文档都无法匹配:
"indent": ["error", 2]
- 给出了许多Expected indentation of 2 spaces but found 4
"indent": ["error", 4]
- 给出了许多Expected indentation of 4 spaces but found 8
"indent": ["error", 8]
- 给出了许多Expected indentation of 8 spaces but found 4
我完整的 eslint 配置:
{
"env": {
"es6": true,
"node": true,
"jasmine": true
},
"extends": "eslint:recommended",
"parserOptions": {
},
"rules": {
"no-else-return": "error",
"no-multi-spaces": "error",
"no-whitespace-before-property": "error",
"camelcase": "error",
"new-cap": "error",
"no-console": "error",
"comma-dangle": "error",
"no-var": "error",
"indent": ["error", 4],
"quotes": [
"error",
"single"
],
"semi": [
"error",
"always"
]
}
}
当我输入代码时,我总是使用Ctrl+Alt+L
来自动格式化代码,并且生成的代码格式不符合任何 eslint 设置。
更新
正如所问, "indent": ["error", 4]
的代码示例"indent": ["error", 4]
:
对于此代码:(通过 Ctrl+Alt+L 格式化)
const a = 123;
switch (a) {
case 1:
return 1;
case 2:
return 2;
case 3:
return 3;
default:
break;
}
结果是:
3:1 error Expected indentation of 0 spaces but found 4
4:1 error Expected indentation of 4 spaces but found 8
5:1 error Expected indentation of 0 spaces but found 4
6:1 error Expected indentation of 4 spaces but found 8
7:1 error Expected indentation of 0 spaces but found 4
8:1 error Expected indentation of 4 spaces but found 8
9:1 error Expected indentation of 0 spaces but found 4
10:1 error Expected indentation of 4 spaces but found 8
例子2
obj.format('text', {
value: '${two}'
}
);
结果是:
2:1 error Expected indentation of 4 spaces but found 8
3:1 error Expected indentation of 0 spaces but found 4
例3
return begin()
.then(() => {
return callback()
.then(data => {
success = true;
return commit();
}, reason => {
return rollback();
})
},
function (reason) {
update(false, false, reason);
return $p.reject(reason);
});
结果是:
3:1 error Expected indentation of 8 spaces but found 12
4:1 error Expected indentation of 12 spaces but found 16
5:1 error Expected indentation of 16 spaces but found 20
6:1 error Expected indentation of 16 spaces but found 20
7:1 error Expected indentation of 12 spaces but found 16
8:1 error Expected indentation of 16 spaces but found 20
9:1 error Expected indentation of 12 spaces but found 16
10:1 error Expected indentation of 4 spaces but found 8
11:1 error Expected indentation of 4 spaces but found 8
12:1 error Expected indentation of 8 spaces but found 12
13:1 error Expected indentation of 8 spaces but found 12
14:1 error Expected indentation of 4 spaces but found 8
Switch-Case 似乎是 eslint 关于缩进的一个特例。 默认case
下, case
子句不相对于switch
缩进:
“SwitchCase”(默认值:0)对 switch 语句中的 case 子句强制执行缩进级别
请参见此处的示例: http : //eslint.org/docs/rules/indent#switchcase
您需要像这样将SwitchCase
选项设置为 1:
"indent": [
"error",
4,
{"SwitchCase": 1}
]
所以你完整的 eslint 配置现在看起来像这样:
{
"env": {
"es6": true,
"node": true,
"jasmine": true
},
"extends": "eslint:recommended",
"parserOptions": {
},
"rules": {
"no-else-return": "error",
"no-multi-spaces": "error",
"no-whitespace-before-property": "error",
"camelcase": "error",
"new-cap": "error",
"no-console": "error",
"comma-dangle": "error",
"no-var": "error",
"indent": ["error", 4, {"SwitchCase": 1}],
"quotes": [
"error",
"single"
],
"semi": [
"error",
"always"
]
}
}
关于你的第二个例子,我认为这样写是很常见的:
obj.format('text', {
value: '${two}'
});
两个括号都在同一行打开,因此您可以在同一行关闭它们。 如果您在该行上使用自动格式,它们将不会改变。
第三个例子看起来有点棘手。 我不知道您是否可以在同一页面上为该页面获取 eslint 和自动格式。 我个人更喜欢 eslint 方式,但我不知道你是否可以调整自动格式来做到这一点。
编辑:你可以这样写:
return begin()
.then(() => callback()
.then(data => {
success = true;
return commit();
}, reason => {
return rollback();
}),
function(reason) {
update(false, false, reason);
return $p.reject(reason);
});
我通过将缩进配置添加到文件.eslintrc.js 中来修复它
module.exports = {
"rules": {
"indent": ["error", 4]
}
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.