javascript - 更漂亮的 javascript 代码缩进配置

Question

我在 Visual Studio Code 中使用 Prettier 进行格式化。

通常，它在我的 JS/TS 文件中运行良好。但它坚持将这样的代码包装到单行中:

trigger('myInsertRemoveTrigger', [
  transition(':enter', [
    style({ opacity: 0 }),
    animate('5s', style({ opacity: 1 })),
  ]),
  transition(':leave', [
    animate('5s', style({ opacity: 0 }))
  ])
]),

变得像

    trigger('fadeInOut', [
      transition(':enter', [style({ opacity: 0 }), animate('.5s', style({ opacity: 1 }))]),
      transition(':leave', [animate('.5s', style({ opacity: 0 }))])
    ])

我觉得更难阅读。我看过 available options并且看不到与此相关的任何内容。我能以某种方式配置它吗？

目前，我的.prettierrc是

{
  "printWidth": 120,
  "singleQuote": true,
  "useTabs": false,
  "tabWidth": 2,
  "semi": true,
  "bracketSpacing": true
 }

Answer 1

prettier 固执己见，因此您无法配置它格式化代码的方式:您只需要接受 prettier 所做的缩进 :)