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 ;-)