Prettier

Prettier adalah opinionated code formatter yang secara otomatis memformat kode sesuai aturan yang konsisten — menggantikan debat tentang style (single quote vs double quote, tab vs space, trailing comma). Prettier mendukung: JavaScript, TypeScript, JSX, Vue, HTML, CSS, SCSS, JSON, Markdown, dan banyak lagi. Integrasi: VS Code (format on save — Ctrl+S langsung format), CLI (npx prettier —write .), pre-commit hook (Husky + lint-staged — format sebelum commit), dan CI/CD. Prettier bukan linter — dia tidak menemukan bug, hanya memformat. Kombinasi Prettier + ESLint adalah best practice: ESLint untuk menemukan bug, Prettier untuk formatting.

Contoh Kode

// .prettierrc
{
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "es5",
  "printWidth": 80
}