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

كيف يمكن جعل الكود في سطر واحد بواسطة prettier

مضحي Modhy

السؤال

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

        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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...