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

我正在使用Visual Studio中的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
 }

---

prettier是有意见的，因此您无法配置它重新格式化代码的方式：您只需接受prettier所做的缩进：）

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

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

---

恐怕您唯一能做的就是减少

printWidth

---

但这显然也会影响代码的其余部分。

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

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

---

我害怕那件事，不要害怕那件事。自以为是的自动代码格式化是一种节省大量时间的技术。建议这里的关键不是花几个小时讨论要执行哪些规则，而是选择一个固执己见、最少配置和自动化的工具。（强调补充）。我认为你的黑客行为正是被要求的——而不是其他的东西。@sylvanaar希望这能有所帮助。我想我也可以分享不同的观点。黑客并不适合所有用户：）这应该是公认的答案——所以我做了一些编辑并投了赞成票。