如何在ESLint中對齊const縮進？

Question

我正在使用ESLint使我的JavaScript代碼樣式保持一致。 我最喜歡的縮進級別是4，我希望我的聲明樣式是這樣的：

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

    const cc = 3,
          ddd = 4;
}

但是存在一個問題，因為每個結構的縮進規則需要一個數字，這是基本縮進的乘法。 如果我將基本縮進設置為4，我似乎無法對齊consts。

如果我將規則設置為：

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