کد های مرتب با اکستنشن Prettier 📥

اکستنشن Prettier، یکی از اکستنشن های محبوب طراح ها و توسعه دهنده ها تو ادیتور VsCode هست. این افزونه به شما امکان فرمت‌بندی خودکار کد با استفاده از قواعد خاص را می‌دهد تا کدهایتان به شکلی منظم و قابل خواندن تبدیل شوند.

با نصب و فعال‌سازی اکستنشن Prettier، شما می‌تونید کدهاتون و فرمت‌بندی، و از قواعد استانداردی برای قالب‌بندی کد استفاده کنید. این افزونه همچنین امکاناتی برای پیکربندی سفارشی هم داره.

این اکستنشن بعد از نصب به صورت اتوماتیک فعال نمیشه و برای کانفیگ و فعالسازی اون آموزش کوتاه زیر رو آماده کردیم.

1️⃣مرحله اول:

اکستنشن Prettier رو روی VsCode تون نصب کنید.

با زدن کلیدهای “, + Ctrl” یا دنبال کردن مسیر “File-> Preferences -> Settings” وارد بخش تنظیمات ادیتور VsCode میشیم، در کادر جستجو عبارت “format on save” رو سرچ می کنیم. در نهایت در گزینه های موجود تیک گزینه “Format on Save” رو میزنیم.

2️⃣مرحله دوم:

در همون کادر جستجوی تنظیمات عبارت “default formatter” رو سرچ کنید، کادر تنظمات Default Formatter رو باز کنید و آیتم “Prettier – Code Formatter” رو انتخاب کنید.

🔵در نهایت بعد از نصب و کانفیگ بندی، با هر بار تغییر و سیو کردن کد، prettier خودشو نشون میده و کدهاتون و مرتب میکنه🔥


#extension #vscode #prettier
@CodeModule

پلاگینی برای مرتب سازی کلاس‌های tailwind 😎

🔵اخیرا یک پلاگین کاربردی و جدید به اسم prettier-plugin-tailwindcss ریلیز شده، که ترکیبی از پلاگین های prettier و tailwindCss هست و کار جفتشون رو یکجا انجام میده.

این پلاگین قابلیت اینو داره که فاصله های اضافی رو در کلاس های تیلویند پاک و مرتب کنه و همچنین، اگه دوتا کلاس مشابه به یک المنت داده باشید یکیشون رو اتوماتیک پاک، و هشدار رو از بین میبره. یکی دیگه از ویژگی این پلاگین اینه که اتوماتیک ترتیب کلاس هارو طبق استاندارد ها، میچینه و مرتب میکنه.

این پلاگین خفن می‌تونه سرعت کلاس دهی شما رو بهبود ببخشه و کدتون رو دائم مرتب و بهینه نگه داره. برای اطلاعات بیشتر و همچنین نحوه نصب، میتونید مقاله زیر و مطالعه کنید 🏖️


🔵Article

#tailwind #plugin #prettier
@CodeModule