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

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

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

 

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

var mashina = { brand: "Jeep", year:2050, model: "Kaffin", color: "Black", maxspeed: 170, }
JavaScript объект на одной строке кода - VSC
JavaScript объект на одной строке кода — VSC

Мы хотим красиво раскидать этот 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. Код красиво форматируется на несколько строк с правильным переносом скобок
JavaScript объект на нескольких строках кода - VSC
JavaScript объект на нескольких строках кода — VSC

 

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

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

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

Страница расширения Beautify - VSC
Страница расширения Beautify — VSC