json 如何更好地阻止或美化将JS对象拆分为多行?

mv1qrgav  于 2022-11-19  发布在  其他
关注(0)|答案(2)|浏览(119)

我需要这个:

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

看起来像这样:

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

下面是我的漂亮的rc.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
}

我已经尝试了以下解决方案:Prevent Prettier from converting single line object declarations into multi line in Visual Studio Code?。没有任何内容
这个解决方案不相关,因为HTML工作正常:How do you stop Prettier in VS code splitting attributes onto multiple lines?
我玩过printWidth,把它设置为1000。什么都没有。我检查过没有其他格式化程序安装和运行。仍然什么都没有。
不知道为什么它不能将较小的对象压缩到一条线上。

rvpgvaaj

rvpgvaaj1#

这可能是因为您的printWidth值非常大("printWidth": 300
printWidth指定打印机换行的行长度。请尝试将该值递减为类似"printWidth": 160的值(默认值实际上是80)
您可以在更漂亮的文档选项page中阅读更多关于它的信息

lndjwyie

lndjwyie2#

如果你想让一个对象变成单行,你需要删除{后面的换行符。
这意味着,在运行Prettier之前,该对象应如下所示:

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

要从单行返回到多行,只需在{后添加换行符,如下所示:

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

除此之外,似乎没有一个配置选项,使对象下某些字符单行和以上多行。

相关问题