آموزش استفاده از افزونه Prettier

در این مطلب می خواهیم آموزش استفاده از افزونه Prettier را ارائه دهیم.

افزونه Prettier یکی از افزونه های محبوب طراحان و توسعه دهندگان در ادیتور vscode هست که کدهای نوشته شده توسط برنامه نویسان و توسعه دهندگان را مرتب می کند.

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

آموزش استفاده از افزونه Prettier

بعد از نصب افزونه Prettier نیاز هست تنظیمات آن را به شکل زیر در ادیتور VsCode اعمال کنیم، برای این کار دو مرحله زیر را انجام می دهیم:

مرحله اول:

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

تنظیمات افزونه Prettier

مرحله دوم:

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

تنظیمات افزونه Prettier

آموزش های طراحی و برنامه نویسی وب:

Reactjs سایت رسمی

آموزش ری اکت در w3schools

کاربرد HTML

 jQuery

جاوا اسکریپت در 1 ساعت

کاربرد CSS

صفر تا صد PHP