如何在 if/else 上接吻时添加牙套更漂亮答案

【问题标题】：How to get prettier to add braces when mssing on if/else如何在 if/else 上接吻时添加牙套更漂亮
【发布时间】：2019-06-01 14:01:02
【问题描述】：

我已经用谷歌搜索了一段时间，但没有找到如何做到这一点。我的项目中有 eslint 和更漂亮的设置。

// What I have:
if (a == b) doSomething();

// What I want from either eslint or prettier
if (a == b) {
  doSomething();
}

谁能告诉我如何完成这项工作？或者向我展示他们的配置？

【问题讨论】：

【解决方案1】：

tl;dr ：为您的项目创建一个 .eslintrc.json 并为 curly 创建一个规则。

{
    "rules": {
    "curly": "error",
    }
}

Prettier 只打印代码。它不会改变它。这是为了限制 Prettier 的范围。让我们专注于印刷，把它做好！

以下是一些超出 Prettier 范围的示例：

添加/删除 {} 并返回它们是可选的。
将 ?: 转换为 if-else 语句。
排序/移动导入、对象键、类成员、JSX 键、CSS 属性或其他任何内容。除了是一种转换而不仅仅是打印（如上所述）之外，由于副作用（例如导入），排序可能是不安全的，并且难以验证最重要的正确性目标。
将单引号或双引号字符串转换为模板文字，反之亦然。

所以要得到你想要的，你应该使用 eslint。 eslint 有一个--fix 选项和一个all 规则，它可以提供你想要的。

希望这会有所帮助。

【讨论】：