jsx缩进冲突vscode和eslint答案

【问题标题】：Jsx indentation conflict vscode and eslintjsx缩进冲突vscode和eslint
【发布时间】：2018-07-18 08:34:29
【问题描述】：

当我有多个参数时，Eslint(airbnb config) 希望将我的参数放在新行上。但是当我这样做时，vscode 格式会不断给出 4 个空格缩进，而不是预期的 2 个。

结果：

const Example = ({
  param1,
  param2,
  param3,
}) => (
    <div>
      {param1} {param2} {param3}
    </div>
  );

预期：

const Example = ({
  param1,
  param2,
  param3,
}) => (
  <div>
    {param1} {param2} {param3}
  </div>
);

有没有我可以在 vscode 中使用的设置来获得预期的行为？

【问题讨论】：

【解决方案1】：

您可以通过使用eslint-config-prettier 或最好使用prettier-eslint 集成来避免冲突规则。此集成将使用 eslint config 来格式化规则，不会有任何冲突。

如果您使用的是 VS Code，则有一个 prettier-vscode 的配置选项

【讨论】：