My personalPrettier config & workflow

Base setup

# With npmnpm i -D prettier @bokub/prettier-config# With yarnyarn add -D prettier @bokub/prettier-config

npm pkgset prettier="@bokub/prettier-config"

Optional: Setup pre-commit hook with husky & lint-staged

# With npmnpm i -D husky lint-staged# With yarnyarn add -D husky lint-staged

npx husky initecho"npx lint-staged --concurrent false"> .husky/pre-commitnpm pkgset"lint-staged.*"="prettier --write --ignore-unknown"

Optional: Run prettier on existing code

npx prettier --write.

Optional: Setup with ESLint

# With npmnpm i -D eslint-config-prettier eslint-plugin-prettier eslint# With yarnyarn add -D eslint-config-prettier eslint-plugin-prettier eslint

{"plugins": ["prettier"],"extends": ["<some-config>","plugin:prettier/recommended"],// Add to the end of the array"rules": {"prettier/prettier":"warn",// Optionally, you can set the error level to warn  },}

npm pkgset"lint-staged[*.{js,ts,vue}]"="eslint --fix"