Softonic

مولّد إعدادات Prettier

خطوة 1 / 2
التالي

اختر قيم عشرة إعدادات شائعة في Prettier ثم انسخ التهيئة الناتجة. يوفّر المولّد مخرجات بصيغة JSON أو YAML أو ملف JavaScript بنظام CommonJS؛ لكنه لا يفحص مشروعك، ولا يتحقق من التهيئة باستخدام Prettier، ولا يضيف الملحقات أو التجاوزات.

كيفية إنشاء ملف التهيئة

  1. 1

    اضبط التنسيق العام

    اختر عرض السطر، وعرض المسافة البادئة، وعلامات الجدولة أو المسافات، والفواصل المنقوطة، ونمط علامات الاقتباس.

  2. 2

    اضبط تفاصيل الصياغة

    اختر الفواصل اللاحقة، والمسافات داخل الأقواس، وأقواس دوال السهم، ونهايات الأسطر، وعلامات الاقتباس في JSX.

  3. 3

    اختر تنسيق الملف

    أنشئ .prettierrc.json أو .prettierrc.yaml أو ملف CommonJS باسم .prettierrc.js يستخدم module.exports.

  4. 4

    انسخه وتحقق منه

    احفظ الناتج في مشروعك وشغّل npx prettier --check . باستخدام إصدار Prettier المثبّت لديك.

الإعدادات التي يتضمنها المولّد

الإعداد القيم المتاحة
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true أو false
singleQuote true أو false
trailingComma none أو es5 أو all
arrowParens always أو avoid
endOfLine lf أو crlf أو cr أو auto

تُقيَّد الحقول الرقمية بالنطاقات الموضحة. أما بقية عناصر التحكم فلا تعرض إلا القيم المذكورة. هذه إعدادات يومية مفيدة، وليست كل الإعدادات التي يدعمها Prettier.

تنسيقات الإخراج

  • ينتج JSON كائن JSON مناسبًا لملف .prettierrc.json.
  • ينتج YAML أسطرًا من المفاتيح والقيم مناسبة لملف .prettierrc.yaml.
  • يضع JavaScript الكائن نفسه داخل module.exports = { ... };، ليكون مناسبًا لتهيئة CommonJS في .prettierrc.js.

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

التعامل مع البيانات

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

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

لا. فهو ينشئ الإعدادات العشرة الظاهرة في النموذج. أضف أي إعدادات أخرى مدعومة يدويًا بعد مراجعة وثائق الإصدار المثبّت لديك.

لا. ينشئ نص التهيئة لكنه لا يشغّل Prettier. احفظ الملف وشغّل npx prettier --check . في مشروعك.

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

هذه صيغة CommonJS التي تنشئها الأداة. إذا كان مشروعك يتوقع تهيئة بوحدة ES، فعدّل عبارة التصدير واسم الملف بما يناسب إعداد مشروعك.

أدوات ذات صلة

مرجع جدول ASCII

جدول ASCII كامل من 0 إلى 127 مع التمثيل العشري والست عشري والثماني والثنائي والمرجع الرقمي في HTML لكل محرف، بما في ذلك أكواد التحكم مثل NUL وLF وDEL.

مرجع أحرف HTML

قائمة قابلة للبحث بكيانات HTML، مع رموزها المسمّاة والرقمية، بالإضافة إلى خيار النسخ بنقرة واحدة للأحرف والرموز الخاصة.

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

ابحث في الاختصارات الافتراضية الموثقة لـ VS Code وChrome وBash مع GNU Readline على macOS وWindows وLinux.

مدقق البريد الإلكتروني

تحقق من عنوان بريد إلكتروني: فحص صياغة RFC 5322، واستعلام حي عن سجل MX، بالإضافة إلى تفاصيل الجزء المحلي والنطاق والطول. لا يتم إرسال أي بريد.

عدّاد FPS

قِس معدل الإطارات FPS في المتصفح عبر requestAnimationFrame: تنعيم، وأدنى وأقصى معدل إطارات، وحد تنبيه، ورسم بياني اختياري. يعمل محليًا بلا رفع ملفات وبلا API.

مولد EditorConfig

أنشئ ملف .editorconfig بقواعد نمط المسافة البادئة وحجمها ونهاية السطر ومجموعة الأحرف والمسافات البيضاء، لتنسيق موحّد عبر بيئات التطوير المتكاملة (IDEs) والمحررات.

الأداة متاحة بلغات أخرى