Setting up Prettier

Code formatting consistency is achieved by configuring Prettier, an opinionated code formatter that automatically enforces a unified style. This Skill installs Prettier, generates .prettierrc.json configuration files with recommended settings, and integrates with ESLint to eliminate manual formatting discussions and reduce merge conflicts across your team.

Yes. Prettier integrates seamlessly with ESLint for TypeScript projects. This Skill configures both tools to work together, sets up package.json scripts for formatting and validation, and prevents conflicts between linting and formatting rules so your codebase follows consistent standards.

Prettier configuration creates .prettierrc.json to define formatting rules and .prettierignore to exclude files from formatting. This Skill generates both files with sensible defaults, adds format and format:check scripts to package.json, and configures optional plugins for frameworks like React, Next.js, and Vue.

Automated formatting in your editor requires Prettier configuration and IDE integration. This Skill sets up Prettier with recommended VS Code settings so files format automatically on save, eliminating manual formatting steps and ensuring consistency without developer effort.

Prettier applies to both new and existing JavaScript and TypeScript projects. This Skill handles installation, configuration file creation, and integration with your current setup, whether you're starting fresh or adding formatting to an established codebase with multiple contributors.

Prettier handles code formatting (whitespace, quotes, semicolons), while ESLint catches code quality issues (unused variables, logic errors). This Skill integrates both so formatting and linting work together without conflicts, giving you complete code standardization and quality coverage.