کد های مرتب با اکستنشن 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

تاحالا شده لازم باشه یک عکس کامل از صفحه سایتتون به کارفرما بدید و نمیدونستید چجوری باید این کارو بکنید ؟ 🧐

🧩 برای این کار میتونید از اکستنشن Go Full Page استفاده کنید تا بتونید یک عکس کامل از صفحه سایتتون بگیرید و در فرمت های pdf یا png خروجی بگیرید

این اکستنشن کاربردی رو میتونید از لینک زیر روی مرورگر کروم خودتون نصب کنید.🔥

Extension 🌕

#tools #extension
@CodeModule

📖 کد هاتو حرفه ای share کن !

با نصب اکستنشن CodeSnap روی ادیتور Vscode، میتونید کد هاتون رو هایلایت شده و به صورت حرفه ای اشتراک گذاری کنید، و از روش های سنتی خلاص بشید 🔥


#extension #vscode
@CodeModule

📖 همزمان تگ هارو ادیت کن!

با استفاده از اکستنشن Auto Rename Tag در VsCode، میتونید به صورت همزمان تگ های باز و بسته رو ادیت کنید و روش سنتی دونه دونه ادیت کردن و کنار بذارید. همچنین با این اکستنشن از احتمال بروز باگ جلوگیری میکنید 🏖️


#extension #vscode
@CodeModule

📖 دیگه غلط غلوط ننویس !

اکستنشن Code Spell Checker، به شما کمک میکنه که اشتباه نگارشی تو پروژه نداشته باشید. این اکستنشن خط به خط کد های پروژه رو بررسی میکنه و متونی که غلط های املایی دارن رو مشخص، و حتی شیوه درست املاشون و برای شما شرح میده.

برای نصب این اکستنشن، عبارت Code Spell Checker رو در بخش اکستنشن های برنامه Vscode سرچ کنید. 🔥


#vscode #code #extension
@CodeModule

📖 دسترسی به تاریخچه Git با Git History

در این پست یک اکستنشن بهتون معرفی میکنم که با استفاده از اون، میتونید تغییراتی که تا الان روی پروژه و مخزن گیت اعمال کردید، مشاهده کنید.

به طور کلی، اکستنشن Git History به شما این امکان و میده تا تاریخچه branch ها، فایل‌ها و لاین هاتونو به صورت گرافیکی جستجو و پیگیری کنید 🏖️

برای نصب این اکستنشن کاربردی، عبارت Git History رو در بخش extensions برنامه Vscode، سرچ کنید 🔥


#extension #git #vscode
@CodeModule

🤯هر متن و کدی رو از ویدیوی مورد نظرت کپی کن!

👌توی این پست قراره یک اکستنشن کاربردی بهتون به نام SelectText بهتون معرفی کنم، که با استفاده از اون میتونید هر متنی که میخواید رو از روی ویدیو کپی و استفاده کنید.

این اکستنشن برای برنامه نویسا که کلی ویدیو آموزشی میبینن، خیلی مفیده چون به راحتی میتونن کد هارو از ویدیو کپی کنن و دیگه، دردسر کد نوشتن نداشته باشن 👨‍💻


🔵 Download

#extension #tools
@CodeModule