الأسئلة الشائعة

أداة ويب تفاعلية مجانية تتيح لك تهيئة كل خيار في Prettier بصريًا ونسخ ملف .prettierrc الناتج فورًا.

Prettier هو أداة تنسيق كود تفرض أسلوبًا متسقًا على المشروع بأكمله وتُزيل الجدالات حول أسلوب الكود في مراجعات الكود.

ملف إعداد يوضع في الدليل الجذري للمشروع يخبر Prettier بكيفية تنسيق الكود.

اختر خيارات Prettier في الصفحة الرئيسية. يتحدث الإعداد في الوقت الفعلي. انقر على "نسخ الإعداد" والصق JSON في ملف .prettierrc.

نعم، مجاني تمامًا. لا يتطلب تسجيلًا أو حسابًا ولا توجد قيود على الاستخدام.

نعم. تشمل كل خيار Prettier مدعوم رسميًا مع الأوصاف والقيم الافتراضية.

انقر على زر "نسخ الإعداد" في الشريط الجانبي على سطح المكتب أو الزر العائم على الجوال.

الثلاثة طرق صالحة. يدعم .prettierrc صيغتي JSON وYAML، و prettier.config.js وحدة JavaScript، ومفتاح prettier في package.json يجمع كل شيء في ملف واحد.

نعم. يدعم TypeScript وJSX/TSX ومكونات Vue ذات الملف الواحد والعديد من الصيغ الأخرى.

ثبّت إضافة "Prettier - Code formatter" وأضف formatOnSave: true في إعدادات VS Code.

شغّل npx prettier --write . في الدليل الجذري للمشروع.

JavaScript وTypeScript وJSX وCSS وHTML وVue وJSON وYAML وMarkdown والمزيد.

أنشئ ملف .prettierignore في الدليل الجذري للمشروع.

نعم. ثبّت eslint-config-prettier.

يحدد طول السطر المستهدف. القيمة الافتراضية 80.

يتحكم singleQuote في علامات الاقتباس في JS/TS، بينما يتحكم jsxSingleQuote في سمات JSX.

استخدم شريط البحث أعلى الصفحة.

نعم. انقر على زر تبديل السمة في الرأس.

printWidth: 80 وtabWidth: 2 وsemi: true وsingleQuote: false وtrailingComma: "all".

افتح issue أو pull request في مستودع GitHub.

يمكنك اختيار أي إصدار من Prettier 3.x من قائمة الإصدارات — من 3.0 حتى 3.6 بالإضافة إلى "latest". يتم تحميل حزمة الإصدار المحدد عند الطلب من jsDelivr، لذا فإن قائمة الخيارات تتطابق دائمًا مع المخطط الفعلي لذلك الإصدار.

TypeScript وJavaScript وFlow وCSS وSCSS وLess وHTML وVue وقوالب Angular وJSON وJSON5 وJSON مع تعليقات وMarkdown وMDX وYAML وGraphQL. يتم اكتشاف المحلل تلقائيًا من المُدخل، ولكن يمكنك تجاوزه من القائمة المنسدلة.

انقر على زر المشاركة وسيتم ضغط إصدار Prettier الحالي والخيارات المختارة والكود وتجاوز المحلل باستخدام LZ في تجزئة الرابط، ثم يتم نسخها إلى الحافظة. فتح ذلك الرابط يستعيد نفس الإعداد بالضبط. لا يتم إرسال أي شيء إلى خادم — كل شيء يبقى في المتصفح.

يوضح عدد رموز الذكاء الاصطناعي التي ستكلفها مدخلاتك ومخرجاتك ضمن النموذج المحدد. تستخدم GPT-4o و GPT-4 و GPT-3.5 المُجزّئات الرسمية BPE للحصول على عدد دقيق؛ بينما تستخدم Claude وGemini وLlama وMistral تقديرًا قائمًا على الأحرف مع البادئة "~".

نعم. يتم حفظ إصدار Prettier واختياراتك للخيارات وتفضيلات العرض المنقسم / المُجزّئ في localStorage، لذا تستعيد إعادة التحميل كل شيء. تكون لتجزئة الرابط القابل للمشاركة الأسبقية إن وُجدت عند فتح الصفحة.

عندما لا يستطيع محلل Prettier تحليل المُدخل — عادةً لأن المحلل المختار لا يطابق الكود (مثلاً اختيار CSS ولكنك لصقت JSX) — تظهر رسالة الخطأ في شريط أحمر فوق الفروق. غيّر المحلل ليتطابق مع كودك وسيختفي الخطأ.

نعم. يحتوي tab المعاينة (Preview) على parser dropdown خاص به بجوار مفتاح تبديل diff، ويأتي كل parser مع عينة مخصصة — CSS، SCSS، Less، HTML، Vue، Angular، JSON / JSON5 / JSONC، Markdown، MDX، YAML، GraphQL، إضافة إلى TypeScript / JS. عند تغيير parser تتم إعادة تنسيق العينة المطابقة وفق خياراتك الحالية، حتى تجد الخيارات الخاصة باللغة مثل proseWrap وhtmlWhitespaceSensitivity وvueIndentScriptAndStyle مكانًا لإظهار تأثيرها. يبقى اختيارك محفوظًا بعد إعادة التحميل.