Skip to main content

Use ESLint e Prettier

Comparando ESLint com Prettier​

Se você formatar este código usando o ESLint, ele apenas dará um aviso de que ele é muito grande (dependendo da sua configuração max-len). O Prettier irá formatá-lo automaticamente para você.

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne(), noWayYouGottaBeKiddingMe());
foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne(),
  noWayYouGottaBeKiddingMe()
);

Fonte: https://github.com/prettier/prettier-eslint/issues/101

Integrando ESLint e Prettier​

ESLint e Prettier se sobrepõem no recurso de formatação de código, mas podem ser facilmente combinados usando outros pacotes como prettier-eslint, eslint-plugin-prettier, e eslint-config-prettier. Para mais informações sobre as diferenças entre eles, clique aqui.