关于 Prettier 链式调用折行的问题

Question

相信也有同学会遇到我以下这个困惑：

首先，项目是使用 ESLint、Prettier 来规范代码的。然后很自然会遇到一种情况，就是“链式调用”。

我原本写出来的格式（也是我想要的）：

return window.fetch(request).then(response => {
    return response.json()
}).catch(err => {
    // do something...
})

使用 Prettier 格式化后的样子：

return window
    .fetch(request)
    .then(response => {
        return response.json()
    })
    .catch(err => {
        // do something...
    })

本来简简单单的 4 行代码，硬是给我整出 8 行来，表示很蛋疼。个人也不喜欢这种格式。

我的 Prettier 配置 printWidth 设置成了 160，很明显这个是没用超过 160 的。

所以我的想法是：只要链式调用的列数不超过设定值就不折行，请问有什么办法实现吗？

困扰多时，也有同学遇到类似情况，就是没用找着解决方案，各位大佬求教。谢谢

Answer 1

只有我觉得第二个格式比第一个易读吗？

Answer 2

在你不需要格式化的代码上面添加一行注释即可

// prettier-ignore

Answer 3

同求答案,有答案了踹我一脚