DEV Community

Cover image for How to integrate Husky, ESLint, Prettier to project in less than 15 minutes (step-by-step guide)

How to integrate Husky, ESLint, Prettier to project in less than 15 minutes (step-by-step guide)

Jakub Smetanka on December 04, 2021

Usage of code formatter increases the readability of code and helps to keep the same style in the whole project. In this article, we will go throug...
Collapse
 
arianacosta profile image
Arian Acosta •

Good guide with husky and everything. Alternatively, I also authored the Poetic NPM package that automatically configures eslint, prettier and the airbnb guide for TS, JS and React by running a single command: “npx poetic”.

Collapse
 
spock123 profile image
Lars Rye Jeppesen •

Too bad it's tied to a specific JS framework.

Collapse
 
arianacosta profile image
Arian Acosta •

It’s not. It’s fully customizable and extensible. Anyhow, new PRs are welcome for additional setups 😀

Thread Thread
 
smetankajakub profile image
Jakub Smetanka •

sounds good, for me would be interesting setup for Angular

Thread Thread
 
spock123 profile image
Lars Rye Jeppesen •

Cheers mate!
Definitely taking a look. thanks

Collapse
 
geminii profile image
Jimmy •

Hi @smetankajakub 👋
Just a little error on .prettierignore.json => it's just .prettierignore (not precise the extension)

Otherwise all sound good 👍 🙌

Collapse
 
smetankajakub profile image
Jakub Smetanka •

Thanks Jimmy, you are right!

Collapse
 
fdiskas profile image
Vytenis •

Short version mrm prettier eslint lint-staged

Collapse
 
andrewbaisden profile image
Andrew Baisden •

Husky is such a useful extension great guide btw.

Collapse
 
smetankajakub profile image
Jakub Smetanka •

Thanks, Andrew

Collapse
 
pavelloz profile image
Paweł Kowalski •

Alternative title: How to make your commits take 30 seconds instead of 100ms ;-)