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

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 Code - https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

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