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

Arn*_*mer 7 eslint visual-studio-code prettier

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

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

// What I want from either eslint or prettier
if (a == b) {
  doSomething();
}
Run Code Online (Sandbox Code Playgroud)

任何人都可以告诉我如何完成这项工作吗?或者向我展示他们的配置?

Yed*_*hin 9

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

{
    "rules": {
    "curly": "error",
    }
}
Run Code Online (Sandbox Code Playgroud)

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

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

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

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

vscode 的 eslint。

eslint 的配置。

希望这可以帮助。

  • 这是不正确的;Prettier 确实会转换代码。例如,“更漂亮--write”。 (2认同)