Prettier formatting for files

.prettierrc

{
  "bracketSpacing": true,
  "jsxBracketSameLine": true,
  "parser": "babylon",
  "printWidth": 70,
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "none",
  "useTabs": false,
  "proseWrap": "always",
  "overrides": [
    {
      "files": ".prettierrc",
      "options": { "parser": "json" }
    },
    {
      "files": ".eslintrc.json",
      "options": { "parser": "json" }
    },
    {
      "files": "*.json",
      "options": { "parser": "json" }
    },
    {
      "files": "*.md",
      "options": { "parser": "markdown" }
    }
  ]
}

package.json

{
  "format": "pretty-quick",
  "precommit": "pretty-quick --staged",
}

prettier.md

Prettier config

I have found using pretty-quick along with Prettier to be a really good combo.

Add pretty-quick and Prettier as dev deps

npm i -D prettier pretty-quick

Then add the scipts to your package.json

  "format": "pretty-quick",
  "precommit": "pretty-quick --staged",

Then configure your .prettierrc to your liking