如何阻止 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 code settings.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
}

我已经尝试过这里的解决方案：Prevent Prettier from conversion single line object statements into multi line in Visual Studio Code? 。没有什么

该解决方案与 HTML 工作正常无关：How do you stop Prettier in VS code splitting attribute into multiple rows?

我玩过 printWidth，将其设置为 1000。什么也没有。我检查过没有安装和运行其他格式化程序。依然没有。

不知道为什么它不会将较小的物体压缩到一条线上。

Answer 1

这可能是因为你的printWidth值太大造成的（"printWidth": 300）

printWidth指定打印机将换行的行长度。尝试将值减少到类似的值"printWidth": 160（默认值实际上是 80）

您可以在更漂亮的文档选项页面阅读更多相关信息