📋 محتويات الصفحة
📖 الوصف
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 في بعض الحالات)
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
# تثبيت 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
قد يعجبك أيضاً
Commitlint
⭐أداة التحقق من رسائل الـ commit
dprint
منصة تنسيق كود قابلة للإضافة
EditorConfig
⭐معيار إعداد المحرر
Husky
⭐أداة Git Hooks لـ JavaScript
Lint-Staged
⭐تشغيل linters على الملفات المعدّلة
StandardJS
أداة تنسيق وفحص بدون إعدادات (Zero Config)