Prettier Config

Prettier Config

من نحن

حول Prettier Config

أداة مجانية ومفتوحة المصدر لمساعدة المطورين على تهيئة Prettier بدون تعقيد.

ما هي هذه الأداة؟

Prettier Config Generator هو تطبيق ويب تفاعلي يجعل تهيئة Prettier أمرًا سهلًا. بدلاً من كتابة JSON يدويًا والبحث عن كل خيار في التوثيق، يمكنك بصريًا تبديل وضبط كل إعداد من إعدادات Prettier، وتنسيق كود حقيقي وفقًا لإعداداتك في 16 لغة، ومشاركة النتيجة برابط واحد. صُممت للمطورين الذين يرغبون في قضاء الوقت في كتابة الكود، لا في تهيئة الأدوات.

الميزات

استيراد الإعدادات الحالية الخاصة بك

الصق ملف .prettierrc أو prettier.config.js موجود، أو مفتاح prettier من package.json — وسيتم ملء النموذج تلقائياً ليطابقه. عدّل، شارك، أو انسخه، مع الحفاظ على جميع المفاتيح.

كل إصدارات Prettier

اختر أي إصدار من Prettier 3.x (من 3.0 إلى 3.6 وأحدث إصدار). يتم تحميل الخيارات الدقيقة لهذا الإصدار عند الطلب من jsDelivr.

كل اللغات في كلا التبويبين

يوفر Preview عينة مخصصة لكل parser (TS، CSS، HTML، JSON/JSON5/JSONC، Markdown، YAML، Vue، GraphQL، وغيرها) بحيث يكون لكل خيار من خيارات Prettier مكان يُظهر فيه تأثيره. أما Your Code فيكتشف parser تلقائيًا من الكود الذي تلصقه، مع إمكانية التجاوز اليدوي.

محرر كود حقيقي

يُشغّل CodeMirror 6 لوحة الإدخال مع تمييز الصياغة وأرقام الأسطر وإزاحة Tab وسمة تتبع الوضع الفاتح/الداكن.

إعدادات قابلة للمشاركة

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

فروق بأسلوب GitHub

اطّلع تمامًا على ما يغيّره Prettier من خلال عرض موحّد أو منقسم، إضافة إلى رأس ملخص +X / −Y مثل طلب السحب.

عدّاد رموز الذكاء الاصطناعي

عدد رموز مباشر للمدخل والمخرج عبر GPT-4o و GPT-4 و GPT-3.5 و Claude و Gemini و Llama 3 و Mistral — مفيد لتقدير تكاليف خطوط أنابيب الذكاء الاصطناعي.

إبراز أخطاء التحليل

عندما يرفض Prettier مدخلاتك، يظهر خطأ SyntaxError الدقيق ورقم السطر:العمود فوق الفروق بدلاً من ابتلاعه بصمت.

اختيارات دائمة

يتم حفظ إصدار Prettier واختيارات الخيارات في localStorage، حتى تبقى الأمور كما هي بعد التحديث — أو عند العودة في اليوم التالي.

20 لغة

متوفّر بالكامل بالإنجليزية والتايلاندية والصينية والإسبانية والهندية والألمانية والفرنسية والبرتغالية واليابانية والكورية والروسية والفيتنامية والإندونيسية والإيطالية والبولندية والتركية والأوكرانية والبنغالية، إضافةً إلى العربية والفارسية (RTL).

مبني باستخدام

Next.js 16React 19TypeScriptTailwind CSS v4shadcn/uinext-intlCodeMirror 6prettier/standalone (CDN)lz-string

مفتوح المصدر

هذه الأداة مجانية تمامًا ومفتوحة المصدر. المساهمات وتقارير الأخطاء والاقتراحات مرحب بها دائمًا.

عرض على GitHub

المطوّر

بُني بواسطة

NooobtimeX

بُني باهتمام لمجتمع المطورين. إذا وجدت هذه الأداة مفيدة، فكر في إضافة نجمة للمستودع على GitHub.