javascript - 如何通过使用 Eslint + Prettier 删除空行来区分 JSON 代码格式

Question

背景

创建测试文件时，通常会进行大量 JSON 对象的复制和粘贴(即使您使用自己的工厂)。我发现，如果您修改架构，有时会更容易在键+对上查找和替换。问题是，如果您最初替换的内容在 JSON 对象中生成空行，那么 IDE 中的查找和替换(除非您可以自定义它... VSCode、Intellij 等？)将不会执行自动保存后清理。

<小时/>

询问

有没有办法配置eslint和/或prettier，在自动保存时它会通过删除空行来压缩您的JSON对象？

(如果没有，是否有人有一个正则表达式可以区分代码块/闭包与JSON对象并删除任何空白行？)

<小时/>

示例:JavaScript 文件中的 JSON 对象

格式化之前

const blah = {
   EffectiveDate: '2019-01-01',
   DiscontinueDate: '2019-12-12',

   MarkDownCode: 'W'
}

格式化后

const blah = {
   EffectiveDate: '2019-01-01',
   DiscontinueDate: '2019-12-12',
   MarkDownCode: 'W'
}

Answer 1

据我所知，您只能设置 prettier 将多个连续的空行压缩为一个空行。

不过，您可以做的是使用任何具有查找和替换功能的文本编辑器，该编辑器接受正则表达式，然后替换:

^\n

对于空字符串:

''

通常可以使用Ctrl+H打开查找和替换。

此外，我想补充一点，如果您非常倾向于实现此任务的自动化，您可以研究代码编辑器的扩展，该扩展允许某种类型的“保存时运行”功能，然后添加一个小脚本来删除这些新的线。