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中快速完成此操作的快捷方式？或者有没有创建这样一个快捷方式的方法？

- Karol Selak

---

使用 Ctrl+H 将选定区域中的 "', " 替换为换行符，并保存以让 VS Code 缩进。 - Poutrathor

Answer 1

你可以使用“分割行”插件。 查看此处： https://marketplace.visualstudio.com/items?itemName=chenzhe.split-line

- Diego B

Answer 2

Prettier - 代码格式化工具

将轻松解决您的需求（在 Visual Studio Code 中轻松使用）

esbenp.prettier-vscode

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

你可以设置在保存时自动格式化，这非常方便。

- jasonleonhard

---

如何进行反向操作？将多行JSON转换为单行，去除尾随空格和换行符？ - Murtaza Haji

Answer 3

正确的做法是设置 ESLint（或 prettier）规则，然后 VSCode 将在保存时自动为您执行此操作。

- kodisha