visual-studio-code - 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 有一个配置选项