سلام وقت بخیر
به دوستانی که از Prettier برای فرمت کردن کد خود استفاده می‌کنند شدیدا توصیه می‌کنم که با نصب پکیج prettier-plugin-tailwindcss کلاس های تیلویندی خود را طبق اصول مرتب کنند.این مرتب‌سازی باعث می‌شه تا کلاس‌های مرتبط (مثل Flexbox) کنار هم قرار بگیرن و کلاس‌های عمومی‌تر (مثل رنگ پس‌زمینه) به ترتیب مشخصی مرتب بشن، که خوانایی رو خیلی بالا می‌بره.
نحوه نصب و استفاده:
میلاد سلیمی
سلام وقت بخیر
به دوستانی که از Prettier برای فرمت کردن کد خود استفاده می‌کنند شدیدا توصیه می‌کنم که با نصب پکیج prettier-plugin-tailwindcss کلاس های تیلویندی خود را طبق اصول مرتب کنند.این مرتب‌سازی باعث می‌شه تا کلاس‌های مرتبط (مثل Flexbox) کنار هم قرار بگیرن و کلاس‌های عمومی‌تر (مثل رنگ پس‌زمینه) به ترتیب مشخصی مرتب بشن، که خوانایی رو خیلی بالا می‌بره.
نحوه نصب و استفاده:
سپس فایلی بنام prettier.config.js ایجاد کرده و کد زیر را در آن قرار دهید.
وتمام! حالا اگر کد شما مثلا اینطوری باشه
بعد از زدن شورتکات prettier به شکل زیر درخواهد آمد که خوانایی بالاتری داره.
علی شیخ
3 هفته پیش
سلام وقت بخیر.
ممنون میلاد جان که پیشنهاد و نحوه انجام کارش را برامون ارسال کردی