vs code prettier - добавляет новую строку после декоратора @Input () в angular

Я использую prettier почти 2 года для форматирования своего angular кода. Начиная с прошлой недели prettier начинает вставлять новую строку за всеми angular операторами с такими декораторами, как @Input(), @Output(), _7 _, ..

в результате чего-то вроде

@Input()
property1

@Output()
emitter

что удваивает количество строк и не улучшает читаемость.

Мои prettier настройки:

  "editor.tabSize": 2,
  "prettier.singleQuote": true,
  "prettier.tabWidth": 2,
  "prettier.useTabs": false,
  "prettier.semi": true,
  "prettier.printWidth": 120,
  "prettier.eslintIntegration": true,

Событие, когда я сбрасываю настройки по умолчанию, эта новая строка все еще происходит. Есть ли у кого-нибудь предложения? Спасибо.


visual-studio-code formatting prettier
person Han Che    schedule 13.08.2018    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Я нашел следующий связанный запрос открытой функции: https://github.com/prettier/prettier/issues/1974

Похоже, пока у них нет возможности изменить поведение ...

Согласно руководству по стилю Angular, он должен быть в одной строке: https://angular.io/guide/styleguide#decorate-input-and-output-properties

person MadKonst    schedule 14.08.2018
comment
Это действительно странно, по крайней мере, последний год я использовал красивее, и он не форматировал их в 2 строки ... - person Han Che; 14.08.2018

arrow_upward
1
arrow_downward

Код Visual Studio prettier добавляет новую строку к каждому параметру в операторе, если значение параметра Ширина печати очень маленькое, например: 80.

Выполните шаги, указанные ниже, чтобы решить эту проблему при форматировании кода:

  1. В коде Visual Studio перейдите в Файл -> Настройки -> Настройки.
  2. Введите Prettier в строку поиска.
  3. Перейдите к параметру Prettier: Print Width Fit code within this line limit
  4. Измените параметр ширины в соответствии с вашими потребностями, я установил значение 800, чтобы вернуть все в той же строке.
  5. Также проверьте параметр js same line tag, как показано на снимке экрана ниже.

Спасибо, надеюсь, это поможет ...

Снимок экрана для справки

Скобка одной строки

person Varun    schedule 29.08.2019