vs code prettier - 在@Input()装饰器之后添加新行

Han*_*Che 7 formatting visual-studio-code prettier

我已经使用prettier了将近2年来格式化我的angular代码.上周起prettier开始插入所有后面的新线angular与像装饰陈述@Input(),@Output(),@ViewChild(),...

导致像

@Input()
property1

@Output()
emitter
Run Code Online (Sandbox Code Playgroud)

它使行数加倍并且不会增加可读性.

我的prettier设置是:

  "editor.tabSize": 2,
  "prettier.singleQuote": true,
  "prettier.tabWidth": 2,
  "prettier.useTabs": false,
  "prettier.semi": true,
  "prettier.printWidth": 120,
  "prettier.eslintIntegration": true,
Run Code Online (Sandbox Code Playgroud)

当我重置为默认设置时,这个新行仍然会发生.有人有建议吗?谢谢.

小智 2

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

看起来,目前他们没有选择改变这种行为......

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