获取 Visual Studio Code 以格式化同一级别的嵌套条件

Question

考虑这样的 JavaScript 代码：

const folder = cookieSorted.branded.includes(cookie.name) ? "Branded" :
    cookieSorted.christmas.includes(cookie.name) ? "Christmas" :
    cookieSorted.danishButter.includes(cookie.name) ? "Butter" :
    cookieSorted.holloween.includes(cookie.name) ? "Halloween" : "Other";

不幸的是，Visual Studio Code 自动格式化程序坚持按如下方式对其进行格式化：

const folder = cookieSorted.branded.includes(cookie.name) ? "Branded" :
    cookieSorted.christmas.includes(cookie.name) ? "Christmas" :
        cookieSorted.danishButter.includes(cookie.name) ? "Butter" :
            cookieSorted.holloween.includes(cookie.name) ? "Halloween" : "Other";

有没有办法让它将所有条件放在同一列？

Answer 1

Prettier 3.3+ 似乎能够将嵌套的“案例式”三元组格式化为实验性功能（blog、online Playground with

--experimental-ternaries

&

"experimentalTernaries": true

via API/

.prettierrc

）。

不幸的是，VSCode 插件中存在一个“开放问题”，实验性功能无法使用普通 Prettier 运行。 这个 SO QA 建议了一些替代方案，例如使用 prettierx 或 prettier-plugin-x。不幸的是，但是当实验性的 Prettier 风格成为默认样式并且该功能很快（希望如此）在 VSCode 中按预期工作时，这不会成为问题。 我计划将其添加为评论，但它太长了，使用 Prettier(x) 可以解决问题（今天），不是开箱即用，而是需要一些额外的努力。