visual-studio-code - vs 代码更漂亮 - 在 Angular 中的 @Input() 装饰器之后添加新行

Question

我已经使用 prettier 近 2 年来格式化我的 angular 代码。从上周开始，prettier 开始在所有带有 @Input()、@Output() 等装饰器的 angular 语句后面插入新行, @ViewChild(),..

导致类似

@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,

当我重置为默认设置时，这个新行的事情仍然发生。有人有建议吗？谢谢。

Answer 1

我发现了以下相关的开放功能请求: https://github.com/prettier/prettier/issues/1974

目前看来，他们没有改变行为的选项......

根据 Angular 风格指南，它应该在一行: https://angular.io/guide/styleguide#decorate-input-and-output-properties