Jsx 缩进冲突 vscode 和 eslint
Jsx indentation conflict vscode and eslint
当我有多个参数时,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 中使用的设置来获得预期的行为?
您可以使用 eslint-config-prettier or preferably prettier-eslint 集成来避免规则冲突。此集成将使用 eslint 配置来格式化规则,不会有任何冲突。
如果您使用的是 VS Code,prettier-vscode
有一个配置选项
当我有多个参数时,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 中使用的设置来获得预期的行为?
您可以使用 eslint-config-prettier or preferably prettier-eslint 集成来避免规则冲突。此集成将使用 eslint 配置来格式化规则,不会有任何冲突。
如果您使用的是 VS Code,prettier-vscode
有一个配置选项