正确格式化IDE JetBrains WebStorm中函数参数的未打包对象属性

Question

我使用了来自JetBrains的IDE JetBrains，它还包括WebStorm。

在编写function /Next.js应用程序时，需要解压缩函数参数的对象属性。

但是，当前IDE如果是在多行中，则会破坏属性的形成。

期望的输出：

export default function SomeComponent({
  children,
  home,
}: SomeComponentProps) {
  return (
   <>Something...</>
  );
}

但这是实际输出的结果，如果我使用重新格式：

export default function SomeComponent({
                                         children,
                                         home,
                                      }: SomeComponentProps) {
  return (
   <>Something...</>
  );
}

在IDE设置中，我为JavaScript和TypeScript使用了Google JavaScript样式指南：

​

在一个Next.js项目中，我尝试了ESLint和更漂亮的组合：

{
  "extends": [
    "eslint:recommended",
    "google",
    "next/core-web-vitals",
    "prettier"
  ],
  "rules": {
    "require-jsdoc": "off"
  }
}

是否需要存档所需的输出？

Answer 1

请尝试禁用对齐，当多行用于函数声明参数时，请在设置中对齐

​

​