DEV Community

Cover image for How to set Husky 4
David Mendoza (He/Him)
David Mendoza (He/Him)

Posted on • Edited on

3 2

How to set Husky 4

Hello guys, so this post is just a followup for a post I made at the beginning of 2020, and I recently updated it

What is husky

So basically husky is "Git hooks made easy" and we are going to use to automatically format all of our code that is staged for our commits, so we are going to use the "pre-commit" hook to run pretty-quick a simpler way to run our prettier scripts with configuration

Installing packages

npm i -D husky@4 pretty-quick
Enter fullscreen mode Exit fullscreen mode

that's it...

Setting the scripts

{
// all of your package.json
  "husky": {
    "hooks": {
      "pre-commit": "pretty-quick --staged"
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

Wrapping up

This is the simplest and quickest way to have "automatic formatting" on our commits, next time you run a commit, you will have a message something like this:
Husky output
Not much to say but to leave any questions on the comments and I hope you find this post really helpful.

Billboard image

The fastest way to detect downtimes

Join Vercel, CrowdStrike, and thousands of other teams that trust Checkly to streamline monitoring.

Get started now

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay