Jsx缩进冲突vscode和eslint

Question

当我有多个参数时，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中使用设置来获得预期的行为吗？

Answer 1

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

如果您使用的是VS Code，则prettier-vscode

有一个配置选项