#visual-studio-code #vscode-settings #prettier
#visual-studio-code #vscode-настройки #красивее
Вопрос:
Я использовал базовый JS и HTML для практики кодирования и установил расширение Красивее. Я назначил Ctrl Shift L для использования автоматического форматирования. Я использовал это расширение раньше, и я отчетливо помню, что оно заключало длинные строки кода и объект в несколько логических строк, например:
const someObj = {name: 'MyName', surname: 'MySurname'};
К этому:
const someObj = {
name: 'MyName',
surname: 'MySurname'
};
Любые предложения, с какими опциями я должен играть, чтобы получить это форматирование?
Ответ №1:
Это форматирование по умолчанию (одна строка), но если вы нажмете enter сразу после открытия фигурной скобки, оно должно быть отформатировано, как во втором фрагменте.
Ответ №2:
Согласно документации Prettier:
По умолчанию алгоритм печати Prettier печатает выражения в одной строке, если они подходят. Однако объекты в JavaScript используются для множества разных целей, и иногда это действительно улучшает читаемость, если они остаются многострочными. Например, смотрите списки объектов, вложенные конфигурации, таблицы стилей и методы с ключами. Мы не смогли найти хорошее правило для всех этих случаев, поэтому Prettier вместо этого сохраняет объекты многострочными, если между { и первым ключом в исходном коде есть новая строка. Следствием этого является то, что длинные однострочные объекты автоматически разворачиваются, но короткие многострочные объекты никогда не сворачиваются.
Вы можете найти некоторые обходные пути в их документах здесь: https://prettier.io/docs/en/rationale.html#multi-line-objects