在if / else上进行mssing时如何更漂亮地添加括号

Question

我已经搜索了一段时间，但没有找到该怎么做的方法。我的项目中有eslint和漂亮的设置。

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

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

有人可以告诉我如何完成这项工作吗？还是告诉我他们的配置可以做到这一点？

Answer 1

tl; dr：为您的项目创建.eslintrc.json和卷曲规则。

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

更漂亮仅打印代码。不会对其进行转换。这是为了限制“更漂亮”的范围。让我们专注于打印并做得好！

以下是一些更漂亮的东西示例：

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

因此要获得所需的内容，应该使用eslint。 夹板具有一个--fix选项和一个all规则，该规则将提供您想要的内容。

eslint for vscode.

configuration of eslint.

希望这会有所帮助。