嵌套的开口支架意外缩进

时间:2019-05-28 04:38:10

标签: javascript visual-studio-code js-beautify

编辑:通常,我不想将大括号放在单独的一行上。在这种情况下,我只是想这样做,因为两个开括号在同一行上。 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中的错误?

2 个答案:

答案 0 :(得分:1)

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

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


您也可以尝试以下扩展程序:Visual Studio Code Format

答案 1 :(得分:1)

Prettier还用于格式化VS代码中的代码。此扩展名没有此问题。您可以尝试安装此扩展程序,然后尝试一次。我已经检查过了,没有看到这个问题。

扩展名:漂亮-代码格式化程序