#VSCode_Extension

💥خوب بچه ها دیدم خیلیا به افزونه نیاز دارن گفتم یه ویدیو درست کنم و اینکه اسم افزونه رو داخل ویدیو مینویسم و نحوه ی کار باهاش رو تو آخر ویدیو تو 2 تا اسلاید گذاشتم.💥

🏁 این افزونه بسیار کاربردی هست برای همه برنامه نویسها 🏁

اگر دوست دارید بازم از این معرفی های افزونه ای بذارم 👍 کنید و به دوستانتون بفرستید 🫡
@js_challenges
@js_masters_gp

#VSCode_Extension

❌وقتی به وب‌سایت npm نگاه می‌کنید و یک بسته رو انتخاب میکنید که اضافه کنید به پروژتون مشکل اینه که ما اغلب به مشکلهای اضافی که میتونه ایجاد کنه فکر نمی کنیم.

به همین دلیل است که این افرونه بسیار مهم است. این به شما امکان می دهد اندازه بسته ها و کتابخانه های وارد شده را ردیابی کنید، بنابراین می توانید میزان اندازه کدی را که وارد می کنید کنترل کنید.

به خصوص در توسعه وب، باید به تک تک بایت هایی که وارد می کنید توجه داشته باشید زیرا بر سرعت بارگذاری سایت شما تأثیر منفی می گذارد، ممکن است به تجربه کاربر و حتی رتبه بندی SEO آسیب برساند.❌
💥لینک افزونه رو این پایین میذارم,اگر دوست داشتین 👍 و انتشار بدید 💥

https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

⚠️⚠️اگر کیفیت gif پایین هست داخل گروه فیلمشو میذارم⚠️⚠️

@js_challenges
@js_masters_gp

#VsCode

⚠️ نرم افزار VS Code یک ویرایشگر کد قدرتمند و انعطاف‌پذیر است که دارای ویژگی‌های زیادی است. در اینجا چند ترفند VS Code آورده شده است که می‌تواند به شما در استفاده از این ویرایشگر کمک کند:
✅برای باز کردن سریع یک فایل، می‌توانید از میانبر Ctrl+O یا Cmd+O استفاده کنید.
✅برای جستجو در یک فایل، می‌توانید از میانبر Ctrl+F یا Cmd+F استفاده کنید.
✅برای جایگزینی یک عبارت در یک فایل، می‌توانید از میانبر Ctrl+H یا Cmd+H استفاده کنید.
✅برای مرتب‌سازی کد خود، می‌توانید از میانبر Ctrl+K+S یا Cmd+K+S استفاده کنید.
✅برای تکمیل خودکار کد خود، می‌توانید از میانبر Ctrl+Space یا Cmd+Space استفاده کنید.
✅برای برجسته‌کردن سینتکس کد خود، می‌توانید از میانبر Ctrl+K+C یا Cmd+K+C استفاده کنید.
✅می‌توانید با فشار دادن Ctrl+P یا Cmd+P پنجره جستجو را باز کنید.
@js_masters_gp
@js_challenges
@jschallenges_bot

#VSCode_Extension

بچه ها خیلیا میدونن که پریتتیر چیه ولی بلد نیستن که چطوری ازش استفاده کنن 🧐
من تو پست پایینی براتون تو یه چیت شیت pdf کلا گفتم که اصلا چیه و چطوری میشه کانفیگش کرد و کانفیگ های بیسیکش رو توضیح دادم😎
❌پست رو شییر کنید تا اونایی که نمیدونن هم بدونن❌

Channel | Group | YouTube
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

#VsCode
#Tips_N_Tricks

بچه ها این شورتکات ها خیلی کاربردی هستن , سعی کنید یاد بگیرید 👌👌

Channel | Group | YouTube

#Tools
#VsCode

✅ 10شورت کات Vscode

پارت اول 👌
Channel | Group | YouTube

#Tools
#VsCode

✅ 10شورت کات Vscode

پارت دوم 💥
Channel | Group | YouTube

#VSCode_Extension

5 تا از اکستنشن های کاربردی توی vscode 👌

Channel | Group | YouTube

#VSCode_Extension

🚀 افزونه JavaScript Booster برای VS Code🚀

✅ مزایای استفاده از JavaScript Booster:

1️⃣افزایش بهره‌وری: با خودکارسازی وظایف تکراری مانند تبدیل var به const یا let، ادغام اعلان و مقداردهی اولیه، و حذف عبارات if-else اضافی، میتونید زمان و تلاش خودتون رو صرف نوشتن کد جدید و خلاقانه بکنید.
2️⃣ بهبود خوانایی کد: JavaScript Booster با ارائه پیشنهادات فرمت کد، نظارت بر کد و refactor کد، به شما کمک می‌کنه تا کد خودتون را به گونه‌ای بنویسید که خوندن درک اون برای خودتون و دیگران آسان‌تر باشه.
3️⃣کاهش خطا: با شناسایی و رفع خطاهای رایج JavaScript، JavaScript Booster به شما کمک می‌کنه تا از نوشتن کد ناپایدار و مستعد اشکال جلوگیری کنید.

https://marketplace.visualstudio.com/items?itemName=sburg.vscode-javascript-booster

Channel | Group | YouTube

#VSCode_Extension

✅ افزونه Prettier یه ابزار فرمت‌دهنده خودکار کد هست که به شما کمک می‌کنه تا کد خودتون رو به طور خودکار با یه سبک فرمت کد سازگار فرمت کنید. این ابزار برای زبان‌های مختلف برنامه‌نویسی از جمله جاوااسکریپت، تایپ‌اسکریپت، CSS، HTML، JSON، مارک‌داون و YAML پشتیبانی می‌کنه.

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Channel | Group | YouTube

#VSCode_Extension

✅ افزونه GitLens یک ابزار محبوب برای VS Code است که به شما کمک می‌کنه تا تاریخچه Git مخزن کدتون رو به طور مستقیم در ویرایشگر VS Code مشاهده و بررسی کنید.

✅ مزایا:

به شما کمک می‌کنه تا بفهمید چه کسی کد رو تغییر داده، چه زمانی تغییر داده شده و چه تغییراتی ایجاد شده است.
به شما کمک می‌کنه تا بین تعهدات مختلف Git به طور روان حرکت کنید.
با طیف گسترده‌ای از ویژگی‌های اضافی
مانند Tree View، مقایسه کد و ناوبری در شاخه‌ها ارائه میشه.

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Channel | Group | YouTube

#VSCode_Extension

دوستان این اکستنشن خیلی کاربردیه من خودم ازش استغاده میکنم.
⚠️لینکشو میذارم خودتون برید نصب کنید و تست کنید.⚠️

https://marketplace.visualstudio.com/items?itemName=Codium.codium

Channel | Group | YouTube

#VsCode

بفرست واسه دوستای VsCode بازت 😁

Channel | Group | YouTube

#VSCode_Extension

🚀 افزونه WakaTime برای VsCode یک ابزار است که به شما کمک می‌کند تا میزان زمان صرف‌شده در کدنویسی را دنبال کنید. این افزونه با استفاده از API WakaTime کار می‌کند و به شما اجازه می‌دهد تا به‌طور خودکار اطلاعات مربوط به فعالیت‌های کدنویسی خود را جمع‌آوری و تحلیل کنید.

Channel | Group | YouTube

#VSCode_Extension

افزونه Import Cost برای Visual Studio Code یک ابزار مفید برای توسعه‌دهندگان وب است که به شما کمک می‌کند تا اندازه بسته‌های جاوااسکریپت و TypeScript را که وارد پروژه خود می‌کنید، به‌صورت فوری مشاهده کنید. 😍

این افزونه اندازه دقیق فایل‌های وارد شده (import) را در زمان توسعه به شما نمایش می‌دهد، بنابراین می‌توانید به‌سرعت ارزیابی کنید که کدام کتابخانه‌ها و بسته‌ها ممکن است باعث افزایش حجم نهایی فایل‌های شما بشن 😎

Channel | Group | YouTube

#VSCode_Extension

افزونه vscode-faker واسه Vscode هستش که بهتون اجازه میده دیتاهای جعلی (mock data) را به‌سرعت و به‌سادگی تو محیط کدنویسی تولید کنید. 😉
این افزونه با استفاده از کتابخانه محبوب Faker.js کار میکنه و واسه توسعه‌دهندهایی که نیاز به داده‌های تصادفی برای تست و توسعه دارن، خیلی جوابه

https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker

Channel | Group | YouTube

#VSCode_Extension

پیشنهاد میکنم تستش کنید اکستنشن جذابی هست 🚀

Channel | Group | YouTube

#VSCode_Extension

دیگه گفتم به بک اند کارا خیانت کنم و یه اکستنشن کاربردی برای فرانت کارا بذارم 😂😂

Channel | Group | YouTube

#VSCode_Extension

اگه دوس دارین کامیتای خوشکلی بزنن و ترتمیز دیده بشه این افزونه میتونه کمکتون بکنه 🚀

Channel | Group | YouTube