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
topackage.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