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 sets 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

results matching ""

    No results matching ""