如何在ESLint中对齐const缩进？

Question

我正在使用ESLint来使我的JavaScript代码样式保持一致。我最喜欢的缩进级别是4，我希望我的声明样式是这样的：

function () {
    let a = 1,
        bbb = 2;

    const cc = 3,
          ddd = 4;
}

但是存在一个问题，因为每个结构的indent规则需要一个数字，这是基础缩进的乘法。如果我将基本缩进设置为4，我似乎无法对齐。

如果我将规则设置为：

"indent": ["error", 4, {"VariableDeclarator": {"const": 1}}],

正确对齐将是4个空格：

const cc = 3,
    ddd = 4;

如果我将规则设置为2：

"indent": ["error", 4, {"VariableDeclarator": {"const": 2}}],

预计会有8个空格：

const cc = 3,
        ddd = 4;

它不接受浮点数。如何使用ESLint以我想要的方式对齐var，let和const？

Answer 1

根据https://eslint.org/docs/rules/indent您可以使用： indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }

此外，您可以使用下一个规则来避免此问题： https://eslint.org/docs/rules/one-var https://eslint.org/docs/rules/one-var-declaration-per-line

Answer 2

也许值得一试：

function () {
    let a = 1,
        bbb = 2;

    const 
        cc = 3,
        ddd = 4;
}