منسق الكود

جمّل ونسق JavaScript و TypeScript و HTML و CSS و JSON باستخدام Prettier. خصص عرض علامة التبويب والاقتباسات والفواصل المنقوطة والمزيد.

اللغة

تنسيق تلقائي

إعدادات التنسيق

عرض علامة التبويب: 2

استخدام علامات التبويب

فواصل منقوطة

اقتباسات مفردة

فواصل نهائية

تباعد الأقواس

💡 اضغط Ctrl + Enter للتنسيق

الكود الخاص بك

الكود المنسق

كيفية استخدام منسق الكود

الصق الكود الخاص بك

انسخ والصق كود JavaScript أو HTML أو CSS أو JSON غير المنسق في المحرر.

تخصيص الإعدادات

اضبط عرض علامة التبويب والاقتباسات والفواصل المنقوطة والمزيد لتتناسب مع نمط البرمجة الخاص بك.

تنسيق فوري

انقر فوق تنسيق أو قم بتمكين التنسيق التلقائي لرؤية الكود الخاص بك مجملاً في الوقت الفعلي.

نسخ أو تحميل

انسخ الكود المنسق إلى الحافظة أو قم بتنزيله كملف.

الميزات الرئيسية

دعم متعدد اللغات

نسق JavaScript و TypeScript و HTML و CSS و JSON والمزيد بأداة واحدة.

قواعد قابلة للتخصيص

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

عرض جنبًا إلى جنب

شاهد الكود الأصلي والمنسق جنبًا إلى جنب للمقارنة السهلة.

معالجة فورية

تنسيق سريع جدًا من جانب العميل مدعوم من Prettier - بدون تأخيرات الخادم.

حالات الاستخدام الشائعة

📝

تنظيف الكود الفوضوي

حول الكود المصغر أو المنسق بشكل سيئ إلى نمط متسق وقابل للقراءة

🔄

فرض معايير الفريق

طبق قواعد تنسيق متسقة عبر فريق التطوير الخاص بك

🐛

التصحيح بسهولة أكبر

الكود المنسق بشكل صحيح يسهل اكتشاف أخطاء بناء الجملة والأخطاء

📚

تعلم أفضل الممارسات

شاهد كيف يجب هيكلة وتنسيق الكود الاحترافي

⚡

تنسيق مقتطفات سريع

نسق مقتطفات صغيرة من الكود قبل لصقها في التوثيق أو Stack Overflow

🎨

مطابقة نمط المشروع

اضبط الإعدادات لتتناسب مع اتفاقيات الترميز المحددة لمشروعك

لماذا تختار أداة منسق الكود الخاصة بنا؟

تنسيق الكود ضروري للحفاظ على قاعدة كود قابلة للقراءة ومتسقة ومحترفة. تستخدم هذه الأداة Prettier، منسق الكود القياسي الصناعي الموثوق به من قبل ملايين المطورين حول العالم.

100% من جانب العميل

يحدث كل التنسيق في متصفحك - لا يغادر الكود الخاص بك جهازك أبدًا

مدعوم من Prettier

محرك تنسيق قياسي في الصناعة موثوق به من قبل ملايين المطورين

معاينة في الوقت الفعلي

شاهد تغييرات التنسيق فورًا أثناء ضبط الإعدادات

لغات متعددة

دعم JavaScript و TypeScript و HTML و CSS و JSON والمزيد

بدون تكوين

الإعدادات الافتراضية المعقولة تعمل خارج الصندوق، خصص فقط ما تحتاجه

نسخ وتحميل

نسخ بنقرة واحدة إلى الحافظة أو تنزيل كملف منسق

خيارات التنسيق المتقدمة

عرض علامة التبويب

عدد المسافات لكل مستوى مسافة بادئة. الافتراضي هو 2.

// tabWidth: 2 function hello() { console.log('hi'); }

استخدام علامات التبويب

مسافة بادئة بعلامات التبويب بدلاً من المسافات.

// useTabs: true function hello() { console.log('hi'); }

فواصل منقوطة

طباعة فواصل منقوطة في نهاية العبارات.

// semi: true const x = 5; const y = 10;

اقتباسات مفردة

استخدام اقتباسات مفردة بدلاً من اقتباسات مزدوجة.

// singleQuote: true const name = 'John';

فواصل نهائية

طباعة فواصل نهائية حيثما كان ذلك ممكنًا (ES5، الكل، أو لا شيء).

// trailingComma: 'es5' const obj = { a: 1, b: 2, };

تباعد الأقواس

طباعة مسافات بين الأقواس في حرفيات الكائن.

// bracketSpacing: true const obj = { a: 1 };

💡 نصائح احترافية للحصول على أفضل النتائج

💡استخدم التنسيق عند الكتابة

قم بتمكين التنسيق التلقائي لرؤية الكود الخاص بك يتجمل أثناء الكتابة (مع تأخير لتجنب التأخر).

⚙️احفظ إعداداتك

يتم حفظ تفضيلات التنسيق الخاصة بك في المتصفح للحصول على نتائج متسقة عبر الجلسات.

🎯مطابقة قواعد ESLint

قم بتكوين الإعدادات لتتناسب مع ملف .eslintrc أو .prettierrc للتكامل السلس.

📋اختصارات لوحة المفاتيح

استخدم Ctrl+Enter (أو Cmd+Enter على Mac) لتنسيق الكود الخاص بك بسرعة دون الوصول إلى الماوس.

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

❓هل الكود الخاص بي آمن؟

نعم بنسبة 100%! يحدث كل التنسيق بالكامل في متصفحك. لا يتم إرسال الكود الخاص بك إلى أي خادم أبدًا.

❓ما اللغات المدعومة؟

JavaScript و TypeScript و HTML و CSS و SCSS و Less و JSON و Markdown و YAML و GraphQL. مدعوم من Prettier.

❓هل يمكنني تخصيص قواعد التنسيق؟

نعم! يمكنك ضبط عرض علامة التبويب والاقتباسات والفواصل المنقوطة والفواصل النهائية وتباعد الأقواس والمزيد.

❓هل يتم حفظ إعداداتي؟

نعم، يتم حفظ تفضيلات التنسيق الخاصة بك في localStorage وستستمر عبر الجلسات.

❓ما هو Prettier؟

Prettier هو منسق كود قوي يفرض نمطًا متسقًا من خلال تحليل الكود وإعادة طباعته بقواعده الخاصة.

❓هل يمكنني استخدام اختصارات لوحة المفاتيح؟

نعم! اضغط Ctrl+Enter (أو Cmd+Enter على Mac) لتنسيق الكود الخاص بك بسرعة.

الميزات الرئيسية

دعم متعدد اللغات

نسق JavaScript و TypeScript و HTML و CSS و JSON والمزيد بأداة واحدة.

قواعد قابلة للتخصيص

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

عرض جنبًا إلى جنب

شاهد الكود الأصلي والمنسق جنبًا إلى جنب للمقارنة السهلة.

معالجة فورية

تنسيق سريع جدًا من جانب العميل مدعوم من Prettier - بدون تأخيرات الخادم.

حالات الاستخدام الشائعة

📝

تنظيف الكود الفوضوي

حول الكود المصغر أو المنسق بشكل سيئ إلى نمط متسق وقابل للقراءة

🔄

فرض معايير الفريق

طبق قواعد تنسيق متسقة عبر فريق التطوير الخاص بك

🐛

التصحيح بسهولة أكبر

الكود المنسق بشكل صحيح يسهل اكتشاف أخطاء بناء الجملة والأخطاء

📚

تعلم أفضل الممارسات

شاهد كيف يجب هيكلة وتنسيق الكود الاحترافي

⚡

تنسيق مقتطفات سريع

نسق مقتطفات صغيرة من الكود قبل لصقها في التوثيق أو Stack Overflow

🎨

مطابقة نمط المشروع

اضبط الإعدادات لتتناسب مع اتفاقيات الترميز المحددة لمشروعك

لماذا تختار أداة منسق الكود الخاصة بنا؟

100% من جانب العميل

يحدث كل التنسيق في متصفحك - لا يغادر الكود الخاص بك جهازك أبدًا

مدعوم من Prettier

محرك تنسيق قياسي في الصناعة موثوق به من قبل ملايين المطورين

معاينة في الوقت الفعلي

شاهد تغييرات التنسيق فورًا أثناء ضبط الإعدادات

لغات متعددة

دعم JavaScript و TypeScript و HTML و CSS و JSON والمزيد

بدون تكوين

الإعدادات الافتراضية المعقولة تعمل خارج الصندوق، خصص فقط ما تحتاجه

نسخ وتحميل

نسخ بنقرة واحدة إلى الحافظة أو تنزيل كملف منسق

خيارات التنسيق المتقدمة

عرض علامة التبويب

عدد المسافات لكل مستوى مسافة بادئة. الافتراضي هو 2.

// tabWidth: 2 function hello() { console.log('hi'); }

استخدام علامات التبويب

مسافة بادئة بعلامات التبويب بدلاً من المسافات.

// useTabs: true function hello() { console.log('hi'); }

فواصل منقوطة

طباعة فواصل منقوطة في نهاية العبارات.

// semi: true const x = 5; const y = 10;

اقتباسات مفردة

استخدام اقتباسات مفردة بدلاً من اقتباسات مزدوجة.

// singleQuote: true const name = 'John';

فواصل نهائية

طباعة فواصل نهائية حيثما كان ذلك ممكنًا (ES5، الكل، أو لا شيء).

// trailingComma: 'es5' const obj = { a: 1, b: 2, };

تباعد الأقواس

طباعة مسافات بين الأقواس في حرفيات الكائن.

// bracketSpacing: true const obj = { a: 1 };

💡 نصائح احترافية للحصول على أفضل النتائج

💡استخدم التنسيق عند الكتابة

قم بتمكين التنسيق التلقائي لرؤية الكود الخاص بك يتجمل أثناء الكتابة (مع تأخير لتجنب التأخر).

⚙️احفظ إعداداتك

يتم حفظ تفضيلات التنسيق الخاصة بك في المتصفح للحصول على نتائج متسقة عبر الجلسات.

🎯مطابقة قواعد ESLint

قم بتكوين الإعدادات لتتناسب مع ملف .eslintrc أو .prettierrc للتكامل السلس.

📋اختصارات لوحة المفاتيح

استخدم Ctrl+Enter (أو Cmd+Enter على Mac) لتنسيق الكود الخاص بك بسرعة دون الوصول إلى الماوس.

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

❓هل الكود الخاص بي آمن؟

نعم بنسبة 100%! يحدث كل التنسيق بالكامل في متصفحك. لا يتم إرسال الكود الخاص بك إلى أي خادم أبدًا.

❓ما اللغات المدعومة؟

JavaScript و TypeScript و HTML و CSS و SCSS و Less و JSON و Markdown و YAML و GraphQL. مدعوم من Prettier.

❓هل يمكنني تخصيص قواعد التنسيق؟

نعم! يمكنك ضبط عرض علامة التبويب والاقتباسات والفواصل المنقوطة والفواصل النهائية وتباعد الأقواس والمزيد.

❓هل يتم حفظ إعداداتي؟

نعم، يتم حفظ تفضيلات التنسيق الخاصة بك في localStorage وستستمر عبر الجلسات.

❓ما هو Prettier؟

Prettier هو منسق كود قوي يفرض نمطًا متسقًا من خلال تحليل الكود وإعادة طباعته بقواعده الخاصة.

❓هل يمكنني استخدام اختصارات لوحة المفاتيح؟

نعم! اضغط Ctrl+Enter (أو Cmd+Enter على Mac) لتنسيق الكود الخاص بك بسرعة.