Prettier is a great tool by facebook that makes code formatting so much easier that it's worth mentioning. Setting up with TypeScript using our recommended project setup (aka everything in src folder) is super easy:


  • npm install prettier -D

  • Add scripts to package.json:

    "prettier:base": "prettier --parser typescript --single-quote",
    "prettier:check": "npm run prettier:base -- --list-different \"src/**/*.{ts,tsx}\"",
    "prettier:write": "npm run prettier:base -- --write \"src/**/*.{ts,tsx}\""


On your build server:

  • npm run prettier:check

During dev (or pre commit hook):

  • npm run prettier:write

Last updated