如何在 ESLint 中对齐常量缩进？

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;
}

Answer 3

设置更简单

{ "VariableDeclarator": "first" }