Prettier - 自定义配置选项

Question

如何使我的代码按照图片上的方式更漂亮地格式化？

每次我保存我的代码时，它都会被格式化为一行代码，但对我来说，保持它像在共享图片上一样更具可读性。

编辑：

我的.prettierrc:

{
  "singleQuote": true,
  "printWidth": 200,
  "semi": true,
  "bracketSpacing": true,
  "arrowParens": "always",
  "parser": "typescript",
  "useTabs": false,
  "tabWidth": 2
}

Answer 1

您必须减少 printWidth 才能做到这一点。默认值 80 将根据您的需要进行格式化。 Prettier 有意限制其选项以减少可定制性，您可以 read about here.