代码之家 › 专栏 › 技术社区 › Rob Indesteege

Jsx缩进冲突vscode和eslint

eslint-config-airbnb visual-studio-code

7

Rob Indesteege · 技术社区 · 6 年前

当我有多个参数时,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 回复 | 直到 6 年前

1

4

Black 6 年前

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

如果您使用的是VS代码,则有一个配置选项 prettier-vscode

推荐文章

Thananjaya S · 在react中使用eslint config airbnb时,“fetch”未定义,“localStorage”未定义。js公司

6 年前

Rob Indesteege · Jsx缩进冲突vscode和eslint

6 年前

CaribouCode · 在React中用htmlFor传递eslint html的for

7 年前

Praveen · 反应导航,道具验证中缺少tintColor

7 年前