سلام وقت بخیر
به دوستانی که از Prettier برای فرمت کردن کد خود استفاده میکنند شدیدا توصیه میکنم که با نصب پکیج prettier-plugin-tailwindcss کلاس های تیلویندی خود را طبق اصول مرتب کنند.این مرتبسازی باعث میشه تا کلاسهای مرتبط (مثل Flexbox) کنار هم قرار بگیرن و کلاسهای عمومیتر (مثل رنگ پسزمینه) به ترتیب مشخصی مرتب بشن، که خوانایی رو خیلی بالا میبره.
نحوه نصب و استفاده:
npm install -D prettier prettier-plugin-tailwindcss
سپس فایلی بنام prettier.config.js ایجاد کرده و کد زیر را در آن قرار دهید.
export default {
plugins: ["prettier-plugin-tailwindcss"],
}
وتمام! حالا اگر کد شما مثلا اینطوری باشه
<div class="p-4 flex bg-blue-500 text-white justify-center items-center">...</div>
بعد از زدن شورتکات prettier به شکل زیر درخواهد آمد که خوانایی بالاتری داره.
<div class="flex items-center justify-center bg-blue-500 p-4 text-white">...</div>
دانشجو 2553
سلام استاد وقت بخیر سوالم اینه به خاطر شرایط موجود پکیج های tailwindcss با npm قابل نصب نیست آیا راه حلی یا دستور میروری میتونید جهت نصب معرفی کنید؟.
علی شیخ
3 ماه پیش
سلام وقت بخیر علیرضای عزیز
یکی از دوستان اینو معرفی کرده تست کنید.