📏 مميز

Prettier

أداة تنسيق الكود (Code Formatter)

(5/5)
👁️ 3 مشاهدة
📅 02 Jul 2026
⚛️ React 💚 Vue.js 🅰️ Angular 🧡 Svelte 🌐 عام

مستوى الخبرة المطلوب:

🌱 مبتدئ ⚡ متوسط 🚀 محترف 🏢 مؤسسي
🔗 زيارة الموقع الرسمي
5
تقييم المستخدمين
التصنيف 📏 Formatting
المشاهدات 3
تاريخ الإضافة 02/07/2026
آخر تحديث 02/07/2026

📖 الوصف

Prettier هو أداة تنسيق كود تدعم JavaScript و TypeScript و CSS و HTML و JSON و GraphQL و Markdown وأكثر. يفرض أسلوب كتابة موحد من خلال إعادة كتابة الكود بالكامل وفق قواعد تنسيق محددة. يُعتبر Prettier المعيار الصناعي للتنسيق، حيث يزيل الحاجة للنقاش حول أنماط الكتابة في الفريق.

🎯 يستخدم في

مجالات استخدام هذه الأداة

تنسيق كود JavaScript و TypeScript

تنسيق CSS و SCSS

تنسيق ملفات JSON و YAML

تنسيق Markdown

CI/CD pipelines

المميزات

أبرز مميزات هذه الأداة

تنسيق موحد ومضمون

دعم أكثر من 15 لغة

تكامل مع جميع المحررات

لا يحتاج إعدادات (opinionated)

plugins لكل لغة إضافية

--write للتنسيق التلقائي

⚠️ العيوب

نقاط يجب مراعاتها

×

لا يتحكم في كل تفصيلة

×

يمكن أن يكسر الأسلوب الحالي

×

لا يدعم جميع الميزات (مثل trailing commas في بعض الحالات)

💻 مثال على الاستخدام

كيفية استخدام هذه الأداة

Example Code
# تثبيت Prettier
npm install -D prettier

# تنسيق ملف
npx prettier --write src/index.ts

# تنسيق مجلد كامل
npx prettier --write "src/**/*.{js,ts,css,json}"

# التحقق بدون تعديل
npx prettier --check "src/**/*.{js,ts}"

📚 أدوات أخرى في Formatting

قد يعجبك أيضاً