PasteZap
🌐 العربية
مجاني · دون حساب

مجاني · التطوير

منسّق الشيفرة (Prettier).

نسّق شيفرة JavaScript وTypeScript وJSX وJSON وCSS وSCSS وLess وHTML وVue وMarkdown وYAML وGraphQL باستخدام Prettier في متصفحك مع معاينة مباشرة.

قبل البدء

بعض عناصر التحكم التقنية باللغة الإنجليزية. تدعم النصوص Unicode، وتختلف صيغ الملفات ولغات النتائج حسب الأداة.

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

LOCAL PROCESSING · NO ACCOUNTFormats as you type

Formatting engine: Prettier 3 (MIT), running in your browser. Formatting changes layout only, never what the code does; comments are kept.

نسّق الشيفرة باستخدام Prettier

  1. الصق شيفرتك في Your code، أو اضغط Open a file.
  2. أبقِ Detect automatically أو اختر اللغة: JavaScript أو JSX أو TypeScript أو JSON أو CSS أو SCSS أو Less أو HTML أو Vue أو Markdown أو YAML أو GraphQL.
  3. اضبط عرض السطر والمسافة البادئة، ولـ JavaScript وTypeScript الفواصل المنقوطة وعلامات الاقتباس والفواصل الختامية. تتحدث النتيجة أثناء الكتابة.
  4. اضغط Copy result أو Download أو Replace my code.

مثال: تصبح const a={b:1,c:[1,2,3]};function f(x){return x*2} كائنًا في سطر واحد يليه جسم دالة بمسافة بادئة من مسافتين، وتنتهي كل تعليمة بفاصلة منقوطة.

ما الذي يغيّره التنسيق

يعيد Prettier كتابة المسافات وفواصل الأسطر والمسافات البادئة وعلامات الاقتباس والفواصل لتتبع الشيفرة أسلوبًا واحدًا متسقًا. لا يغيّر أبدًا ما تفعله الشيفرة، وتبقى التعليقات. إذا كان في الشيفرة خطأ نحوي فلا يُنسَّق شيء، وتذكر الرسالة السطر والعمود، مثل (1:10).

للغة واحدة بخياراتها الخاصة راجع منسّق JSON أو منسّق SQL، ولتصغير JavaScript للنشر استخدم مصغّر JavaScript.

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

تُعالج بياناتك على جهازك.

ملاحظات تقنية بالإنجليزية

Files up to 2 MB. Code with syntax errors is not formatted; the error shows the line and column. Formatting changes layout only, never behaviour; comments are kept.

Uses Prettier 3 standalone (MIT) with only the parsers the chosen language needs, loaded on demand in your browser. Same output rules as Prettier on the command line for the options shown.

const a={b:1,c:[1,2,3]};function f(x){return x*2} becomes const a = { b: 1, c: [1, 2, 3] }; followed by a function block indented with two spaces.

أسئلة شائعة

هل تُرفع شيفرتي؟

لا. يعمل Prettier في متصفحك، ولا تُحمَّل إلا محللات اللغة المختارة.

هل الناتج مطابق لـ Prettier على حاسوبي؟

نعم للخيارات المعروضة هنا: إنه Prettier 3 نفسه دون ملف إعدادات للمشروع.

لماذا لم تُنسَّق شيفرتي؟

وجد المحلل خطأً نحويًا. صحّح السطر والعمود المذكورين في الرسالة، أو تأكد من اختيار اللغة الصحيحة.