منسق كود Prettier

نسق ملفات JavaScript وTypeScript وJSON وHTML وCSS وMarkdown وYAML وGraphQL والملفات المرتبطة بها باستخدام Prettier مباشرةً في متصفحك.

الكود المصدري
الصق ملفات JavaScript وTypeScript وJSON وHTML وCSS وMarkdown وYAML وGraphQL أو الملفات المرتبطة بها، ثم نسقها في المتصفح باستخدام Prettier.
الناتج المنسق
تستخدم المعاينة محلل Prettier المحدد والخيارات أدناه.
جارٍ تنسيق الكود...
خيارات التنسيق
اختر المحلل وقواعد النمط دون تعديل المصدر يدويًا.
المسافة البادئة
النمط

ما هو منسق كود Prettier؟

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

الصيغ المدعومة

يحافظ هذا الإصدار المعاد بناؤه على تركيز الأداة على الصيغ التي يتعامل معها Prettier جيدًا في المتصفح: JavaScript وJSX وTypeScript وTSX وFlow ومتغيرات JSON وHTML وXML وCSS وPostCSS وSCSS وLess وMarkdown وMDX وYAML وGraphQL، إضافة إلى صيغ القوالب مثل Angular وVue وSvelte وLWC وMJML وHandlebars. يحدد منتقي اللغة المحلل الذي سيتم تشغيله، كما أن استيراد ملف سيكتشف المحلل تلقائيًا عندما يكون الامتداد معروفًا.

كيف يعمل هذا الإصدار

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