VSC | Код из одной строки в несколько

Как в Visual Studio Code превратить одну длинную строку кода в несколько строк кода, чтобы было красивое форматирование?

Есть строка кода:

var mashina = { brand: "Jeep", year:2050, model: "Kaffin", color: "Black", maxspeed: 170, }

Мы хотим красиво раскидать этот JavaScript объект на строчки, чтобы каждое свойство объекта было на отдельной строке. Как будто мы написали код для удобного восприятия.

var mashina = {
   brand: "Jeep",
   year: 2050,
   model: "Kaffin",
   color: "Black",
   maxspeed: 170,
}

Сделать это можно следующим образом:

1. Заходим в раздел «Расширения» редактора VSC — (File => Preferences => Extensions)
2. В строку поиска расширений вводим «Beautify«
3. Кликаем на сниппет со звёздочкой.
4. Устанавливаем расширение Beautify. Нажимаем на синюю кнопку «Install«
5. Выделяем нашу строку кода
6. Нажимаем клавишу F1
7. В сроке поиска вводим слово «Beautify«
8. Кликаем по одному из двух вариантов: «Beautify file» или «Beautify selection«
9. Код красиво форматируется на несколько строк с правильным переносом скобок

Информационные ссылки

VSC | Код из нескольких строк в одну

Расширение Beautify для редактора кода Visual Studio Code — https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify