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