📚 Prettier

Prettier — bu opinonated code formatter (ya'ni, qat'iy formatga ega bo‘lgan kod formatlovchi vosita). U JavaScript, TypeScript, HTML, CSS, JSON, Markdown va boshqa ko‘plab fayllarni avtomatik tarzda sintaktik jihatdan toza va bir xil ko‘rinishda formatlab beradi.

🔍 Muammo:

• Jamoada kod stillari turlicha bo‘ladi
• Kod o‘qilishi qiyinlashadi
• Formatlashga vaqt ketadi
• eslint --fix hamma narsani tuzata olmaydi

📘 Nima bu?

• Prettier — bu opinonated code formatter, ya’ni qat’iy formatlash qoidalari bor vosita
• Hech qanday linter emas – u faqat formatlash bilan shug‘ullanadi (masalan: vergullar, joylar, tab, new line)

✅ Hal qiladigan muammo:

• Kod bir xil ko‘rinishda bo‘ladi
• Vaqt tejaladi, kodni chiroyli qilishga vaqt sarflanmaydi
• Merge conflict kamayadi

🛠️ Qanday ishlatiladi:

npm install --save-dev prettier

• .prettierignore konfiguratsiya fayli:

{
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "printWidth": 100
}

• .prettierrc konfiguratsiya fayli:

node_modules

dist
out-tsc

coverage

src/environments/*.ts

*.js
*.d.ts

.vscode
.husky
angular.json
package-lock.json
yarn.lock
*.log

.git
.gitignore

.DS_Store
Thumbs.db

• Amalda:

npx prettier --write .

🎯 Muhim jihatlar:

• Linting emas, formatting
• ESLint bilan integratsiya qilish mumkin (eslint-config-prettier)
• .prettierignore fayl orqali fayllarni istisno qilish mumkin

🟢 Yutuqlari:

• Kutilmagan formatlar bo‘lmaydi
• Har doim bir xil ko‘rinish
• IDE-dan mustaqil ishlaydi

🔴 Kamchiliklari:

• Ruxsat berilmagan konfiguratsiyalar (opinionated)
• Ba'zida mavjud format sizga yoqmasligi mumkin