visual-studio-code - 缺少if/else时如何更漂亮地添加大括号

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 并为 curl 创建一个规则。

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

Prettier 只打印代码。它不会改变它。 这是为了限制 Prettier 的范围。让我们专注于打印并做得很好!

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

添加/删除 {} 并返回它们是可选的。

将 ?: 转换为 if-else 语句。

排序/移动导入、对象键、类成员、JSX 键、CSS 属性或其他任何内容。除了作为转换而不仅仅是打印(如上所述)之外，排序还可能因为副作用(例如，对于导入)而不安全，并且难以验证最重要的正确性目标。

将单引号或双引号字符串转换为模板文字，反之亦然。

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

eslint for vscode.

configuration of eslint.

希望这可以帮助。