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制作的缩进即可：）

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
 }

用于javascript代码缩进的更漂亮的配置

4 个答案: