时间戳

首页 > 解决方案 > Nextjs：eslint 规则不影响自动格式化

next.js - Nextjs：eslint 规则不影响自动格式化

问题描述

我不喜欢 eslint 在 else、catch 和 finally 块中的默认无换行行为

❌
    try {
      // code...
    } catch {
      // more code...
    } finally {
      // even more code...
    }

我觉得这很混乱，我想在它们之间划一条新线，就像这样：

✅
    try {
      // code...
    } 
    catch {
      // more code...
    } 
    finally {
      // even more code...
    }

好消息是我已经了解到对于这种特定情况有一个 eslint 规则：

大括号样式：“stroustrup”

所以......我将它应用于我的 .eslintrc 文件，现在看起来像这样：

{
    "extends": ["next", "next/core-web-vitals"],
    "rules": {
        "brace-style": ["error", "stroustrup"]
    }
}

现在的问题是当 else/catch/finally 之间没有新行时我会出错（太棒了！），但是，每次我保存时，我的代码都会以默认的非空格不需要的方式自动格式化（不太好。 ..)

保存时，自动格式化如何考虑这种大括号样式的规则？

标签： next.jseslinteslintrc

解决方案

推荐阅读