VSCode：单行 JS 对象转多行

Question

我经常需要将单行 JS 对象更改为多行对象。 如：

var obj = { prop1: 'abc', prop2: 123, prop3: 'something else' }

 |          |
 v          v

var obj = {
  prop1: 'abc',
  prop2: 123,
  prop3: 'something else'
}

在 VSCode 中做这样的事情有什么捷径吗？ 或者有什么方法可以创建这样的快捷方式？

Answer 1

您可以使用 splitline 插件。 在此处查看插件： https : //marketplace.visualstudio.com/items?itemName=chenzhe.split-line

Answer 2

Prettier - 代码格式化程序

将解决您的需求（在 Visual Studio 代码中很容易）

esbenp.prettier-vscode

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

您可以在保存时将其格式化，这非常好。

Answer 3

正确的方法是设置 ESLint（或更漂亮的）规则，VSCode 会在保存时自动为您执行此操作。