Search Knowledge Base Articles

Prettier Installation and Setup

Installation Steps

  1. Install Prettier: 
    npm install --save-dev prettier

Configuration Steps

  1. Create .prettierrc or .prettierrc.json file in project root:
    • Location: .prettierrc or .prettierrc.json (root directory)
    {
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "es5"
}
  2. Create .prettierignore file:
    • Location: .prettierignore (root directory)
    node_modules
build
dist
.next
  3. Add to package.json scripts section:
    • Location: package.json (scripts section)
    "scripts": {
  "format": "prettier --write .",
  "format:check": "prettier --check ."
}
  4. Verify configuration is committed to version control
    • Check: .prettierrc and .prettierignore should be in repository

Did you find this article useful?

Related Articles