Prettier - 自定义配置选项答案

【问题标题】：Prettier - custom config optionPrettier - 自定义配置选项
【发布时间】：2020-07-25 03:53:22
【问题描述】：

如何使我的代码格式更漂亮，就像在图片上一样？

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

编辑：

我的 .prettierrc：

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

【问题讨论】：

应该可以，如this playground所示。
你的配置是什么样的？
在主帖中添加了我的配置。

标签： visual-studio-code code-formatting prettier

【解决方案1】：

您必须减少 printWidth 才能执行此操作。默认值 80 将按照您的需要进行格式化。 Prettier 有意限制其选项以降低可定制性，您可以read about here。

【讨论】：

是的，但它会将我的整个文件格式化为 80，而不是单个块。
是的，prettier 就是这样工作的。如果不更改代码的结构，您将无能为力。