更漂亮的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 }))])
    ])

我觉得很难读。 我已经查看了可用的选项 ，但没有看到与此相关的任何内容。 我可以以某种方式配置它吗？

目前，我的.prettierrc是

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

Answer 1

prettier是经过优化的，因此您无法配置它重新格式化代码的方式：您只需要接受prettier制作的缩进即可：)

Answer 2

只需在数组的第一个元素之后添加注释即可。

var a = [
  1, //
  2,
  3,
];

Answer 3

恐怕唯一可以做的就是减少printWidth 。
但这显然也会影响其余的代码。

Answer 4

从您所描述的内容来看，听起来您好像在谈论“打印宽度”。 尝试将“打印宽度”减小到80或更小。 可能是50，具体取决于您的喜好。

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