嵌套开口括号的意外缩进

Question

编辑：一般来说，我不想将左大括号放在单独的行上。我只是想在两个左括号在同一行的情况下这样做。 ESLint 正确，但 Beautify 没有，但 ESLint 仅适用于内联 Javascript。

我在 VSCode 中使用 Beautify 扩展来尝试格式化这块内联 javascript，如下所示：

    const dogs = [
        {
            name: 'Snickers',
            age: 2,
        },
        {
            name: 'Hugo',
            age: 2,
        },
        {
            name: 'Sunny',
            age: 2,
        },
    ];

相反，它会这样做：

    const dogs = [{
            name: 'Snickers',
            age: 2,
        },
        {
            name: 'Hugo',
            age: 2,
        },
        {
            name: 'Sunny',
            age: 2,
        },
    ];

如您所见，它将左方括号和大括号放在同一行。是否有规则（在 .jsbeautifyrc 中）强制执行所需的行为，或者这是 js-beautify 中的错误？

Answer 1

Prettier 也用于格式化 VS 代码中的代码。这个扩展没有这个问题。您可以尝试安装此扩展程序并尝试一次。我已经检查过了，没有发现这个问题。

扩展名：Prettier - 代码格式化程序

Answer 2

1. 尝试将此规则粘贴到您的.jsbeautifyrc

    {
        "js": {
            "brace_style": "expand"
        }
    }

---

你也可以试试这个扩展：Visual Studio Code Format