اذهب إلى المحتوى

السؤال

نشر (معدل)

لدي كود بهذا الشكل

        const numbers = values
            .map((val, index) => {
                return  (index + 1);
            })
            .toString();

ولدي اعدادات ل prettier بملف اسمه .prettierrc ويحتوي على

{
    "trailingComma": "es5",
    "tabWidth": 2,
    "useTabs": false,
    "singleQuote": true,
    "printWidth": 1200,
    "bracketSpacing": true,
    "jsxBracketSameLine": true
}

 

والمطلوب هو جعل الكود بهذا الشكل

const numbers = values.map((val, index) => {return (index + 1);}).toString();

 

تم التعديل في بواسطة مضحي Modhy
حذف نص

Recommended Posts

  • 0
نشر

يمكن الحصول على تنسيق كالمطلوب بتغيير بسيط بالشيفرة بدون اي تغيير بالاعدادات عبر حذف الكلمة return من التابع وحذف الأقواس { } مع حذف الفاصلة المنقوطة ثم تنفيذ أمر تنسيق prettier

const numbers = values
    .map((val, index) => 
        (index + 1)
    )
    .toString();

// بعد تنفيذ أمر التنسيق

const numbers = values.map((val, index) => index + 1).toString();

 

  • 0
نشر

وجدت طريقة لربما مؤقته ولكنها تفي بالغرض وهي

تنسيق السطر المراد جعله في سطر واحد بحيث اضلله واضغط بالكيبورد ctr + j فيتم جعله في سطر واحد

واكتب قبله تعليق بهذا النص

// prettier-ignore

فيتم تجاهله عند التنسيق.

  • 0
نشر
بتاريخ الآن قال مضحي Modhy:

وجدت طريقة لربما مؤقته ولكنها تفي بالغرض وهي

تنسيق السطر المراد جعله في سطر واحد بحيث اضلله واضغط بالكيبورد ctr + j فيتم جعله في سطر واحد

واكتب قبله تعليق بهذا النص


// prettier-ignore

فيتم تجاهله عند التنسيق.

يمكنك أيضا ذلك، على حساب أنك ستخسر ميزات التنسيق وترتيب الفراغات والأقواس والفواصل لسهولة القراءة

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

  • 0
نشر
بتاريخ 13 دقائق مضت قال مضحي Modhy:

هل يوجد خيار اخر غير Prettier مناسب لهذا الاحتياج ؟

  • هناك eslint لكنه يميل أكثر للتنبيهات عن سياق الكود أكثر من أن يكون منسق
  • وهناك js-beautify تقريبا مشابه ل Prettier ويعمل عمله

انصحك اذا كان التنسيق مزعج لك كثيرا ألا تستخدمه، لأن هذه الأدوات يجب أن تساعد المطور وتنفذ الاعمال الروتينية عنه لا أن تخلق مشاكل ثانوية ينشغل بها عن التطوير

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...