Блог

Я использовал базовый JS и HTML для практики кодирования и установил расширение Красивее. Я назначил Ctrl Shift L для использования автоматического форматирования. Я использовал это расширение раньше, и я отчетливо помню, что оно заключало длинные строки кода и объект в несколько логических строк, например:

 const someObj = {name: 'MyName', surname: 'MySurname'};
 

К этому:

 const someObj = {
  name: 'MyName',
  surname: 'MySurname'
};
 

Любые предложения, с какими опциями я должен играть, чтобы получить это форматирование?

Это форматирование по умолчанию (одна строка), но если вы нажмете enter сразу после открытия фигурной скобки, оно должно быть отформатировано, как во втором фрагменте.

Согласно документации Prettier:

По умолчанию алгоритм печати Prettier печатает выражения в одной строке, если они подходят. Однако объекты в JavaScript используются для множества разных целей, и иногда это действительно улучшает читаемость, если они остаются многострочными. Например, смотрите списки объектов, вложенные конфигурации, таблицы стилей и методы с ключами. Мы не смогли найти хорошее правило для всех этих случаев, поэтому Prettier вместо этого сохраняет объекты многострочными, если между { и первым ключом в исходном коде есть новая строка. Следствием этого является то, что длинные однострочные объекты автоматически разворачиваются, но короткие многострочные объекты никогда не сворачиваются.

Вы можете найти некоторые обходные пути в их документах здесь: https://prettier.io/docs/en/rationale.html#multi-line-objects