我正在使用Prettier,总的来说,我喜欢它。
但是,我不同意一种类型的转换。假设我正在对数组进行一些转换,执行 a filter
,forEach
等。如果我手动编写它,我将按如下方式编写(真实代码示例):
// ...
snippets
.filter(s => s.script && s.name)
.forEach(s => {
const namespace = transformSnippetName(s.name);
// ...
});
请注意,我的每个“顶级”操作(filter
, forEach
)都在单独的行上,我认为这确实有助于提高可读性。
现在,使用 Prettier,它将.filter
和结合.forEach
在同一行:
// ...
snippets.filter(s => s.script && s.name).forEach(s => {
const namespace = transformSnippetName(s.name);
// ...
});
我发现这对可读性有害,原因有两个:
forEach
快速阅读代码会迷失这种感觉。我无法从视觉上识别它。- 主体部分
forEach
缩进了一层,const namespace = ...
除非你仔细观察,否则在视觉上看不清楚是什么。
有什么办法可以防止这种情况发生(或者至少,一旦我决定这样安排,就可以防止 prettier 删除我在这些块上的手动格式)?我试图在options中搜索一些东西,但没有什么突出的。
谢谢!