Prettier

Prettier is a great tool by facebook that makes code formatting so much easier that its worth mentioning. Setting up with TypeScript using our recommended project sets is super easy:

Setup

  • 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}\""

Usage

On your build server:

  • npm run prettier:check

During dev (or pre commmit hook):

  • npm run prettier:write

results matching ""

    No results matching ""