How to setup prettier as a pre-commit hook for Git commits.

readme.md

Setting up prettier as a pre-commit hook for Git commits.

• Create your .git repository.

• Edit package.json to add a scripts, pre-commit, and lint-staged section, as shown below.

  {
    "name": "example",
    "main": "app.js",
    "dependencies": {
      "express": "*",
    },
    "scripts": {
      "pre-commit": "lint-staged"
    },
    "pre-commit": [
      "pre-commit"
    ],
    "lint-staged": {
      "*.js": [
        "prettier --write",
        "git add"
      ]
    }
  }

• Run the following commands:

  npm install
  npm install prettier lint-staged pre-commit --save-dev

References

• prettier
• pre-commit

commit.png