你如何停止更漂亮或美化將 JS 對象分成多行？

Question

我需要這個：

    var short_sleeve = {
        type: "Short Sleeve",
        id: this.item.epos_code,
    };

看起來像這樣：

var short_sleeve = { type: "Short Sleeve", id: this.item.epos_code, };

這是我的 prettierrc.json：

{
    "bracketSpacing": false,
    "endOfLine": "auto",
    "printWidth": 300,
    "proseWrap": "never",
    "tabWidth": 4,
    "trailingComma": "all",
    "useTabs": true
}

這是我的 vs 代碼設置。json

{
    "prettier.singleQuote": true,
    "prettier.tabWidth": 4,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "prettier.printWidth": 300,
    "editor.formatOnSave": true,
    "files.trimTrailingWhitespace": true,
    "diffEditor.ignoreTrimWhitespace": false,
    "prettier.proseWrap": "never",
    "materialTheme.accent": "Acid Lime",
    "twig-language.wrap": 100
}

我在這里嘗試過解決方案： Prettier from convert single line object declarations into multi line in Visual Studio Code? . 沒有什么

這與解決方案無關，因為 HTML 工作正常： 如何在 VS 代碼拆分屬性中停止 Prettier 到多行？

我玩過 printWidth，將其設置為 1000。沒什么。 我檢查過沒有安裝和運行其他格式化程序。 依然沒有。

不知道為什么它不會將較小的對象壓縮到一條線上。

Answer 1

這可能是因為您的printWidth值非常大（ "printWidth": 300 ）

printWidth指定打印機將換行的行長。 嘗試將值減小到類似"printWidth": 160的值（默認值實際上是 80）

您可以在更漂亮的文檔選項頁面上閱讀更多相關信息