سلام!
اگر به دنبال افزایش جریان کار توسعه خود هستید، ممکن است بخواهید آخرین ویدیوی یوتیوب من را بررسی کنید، جایی که من در مورد 14 افزونه برتر کد ویژوال استودیو (VSCode) که باید در زرادخانه خود داشته باشید صحبت می کنم.
اگر علاقه مند به تماشای آن هستید، این ویدیو است:
https://www.youtube.com/watch?v=EuHTHxZ9Mmw
سرور زنده
اولین افزونه در لیست من Live Server است که برای توسعه دهندگان وب ضروری است. این به شما امکان می دهد یک سرور توسعه محلی با قابلیت بارگذاری مجدد زنده راه اندازی کنید، بنابراین می توانید تغییرات خود را در زمان ویرایش کد خود مشاهده کنید.
SSH از راه دور
اگر می خواهید روی ماشین های راه دور کار کنید، Remote SSH دوست شماست. این به شما امکان می دهد تا روی یک ماشین راه دور به گونه ای کار کنید که گویی یک دستگاه محلی است و دسترسی به تمام ابزارهای توسعه و افزونه های VSCode شما را فراهم می کند.
زیباتر
Prettier یک فرمت‌کننده کد است که به‌طور خودکار کد شما را برای پیروی از دستورالعمل‌های سبک ثابت قالب‌بندی می‌کند. این برنامه از طیف گسترده ای از زبان های برنامه نویسی از جمله جاوا اسکریپت، تایپ اسکریپت، CSS، HTML، JSON و غیره پشتیبانی می کند. با Prettier، دیگر لازم نیست نگران قالب بندی کد خود به صورت دستی باشید، که می تواند در زمان و تلاش شما صرفه جویی کند.
GitHub Copilot
GitHub Copilot که یک تازه وارد به اکوسیستم افزونه VSCode است، یک ابزار تکمیل کد مبتنی بر هوش مصنوعی است که به شما کمک می کند کد را سریعتر و کارآمدتر بنویسید. از مدل‌های یادگیری ماشینی برای پیشنهاد تکه‌های کد بر اساس زمینه و سبک کدنویسی شما استفاده می‌کند.
تغییر نام خودکار برچسب
آیا تا به حال متوجه شده اید که نام یک تگ HTML را تغییر دهید، اما فراموش کرده اید که تگ بسته شدن را به روز کنید؟ تگ تغییر نام خودکار به طور خودکار هر دو برچسب را برای شما تغییر نام می دهد و در وقت و ناامیدی شما صرفه جویی می کند.
Git Lens
Git Lens یک افزونه قدرتمند Git است که اطلاعات دقیقی در مورد مخزن کد شما در داخل VSCode ارائه می دهد. این ویژگی هایی مانند سرزنش کد، تاریخچه ارتکاب و مقایسه فایل ها را ارائه می دهد که همکاری با تیم شما را آسان می کند.
CSS Peek
CSS Peek شما را قادر می سازد تا به سرعت به تعریف کلاس یا شناسه CSS در پایگاه کد خود بروید. همچنین یک نمای کلی از کد CSS شما ارائه می دهد، بنابراین می توانید تغییرات را در زمان ویرایش کد خود مشاهده کنید.
طاووس
Peacock یک افزونه VSCode است که به شما امکان می دهد رنگ فضای کاری خود را سفارشی کنید. تمایز بین پروژه ها و محیط های مختلف را آسان می کند تا بتوانید کارآمدتر کار کنید.
رنگ آمیزی کنید
Colorize یک پسوند ساده و در عین حال قدرتمند است که کد شما را بر اساس نحو رنگی می کند. این باعث می شود کد شما خواناتر و قابل درک تر باشد، به خصوص برای مبتدیان.
جستجوگر کد
Code Checker یک برنامه افزودنی است که به شما کمک می کند خطاهای کد خود را پیدا کرده و رفع کنید. این برنامه از چندین زبان و فریم ورک برنامه نویسی از جمله جاوا اسکریپت، تایپ اسکریپت و پایتون پشتیبانی می کند.
Chrome Debugger
اگر روی یک برنامه وب کار می کنید، به یک دیباگر نیاز دارید تا به شما در ردیابی و رفع اشکالات کمک کند. Chrome Debugger با Google Chrome ادغام می شود تا یک تجربه اشکال زدایی یکپارچه را در VSCode ارائه دهد.
فونت های نماد
Icon Fonts افزونه ای است که مجموعه ای از فونت های آیکون را برای پروژه های شما فراهم می کند. این شامل کتابخانه‌های نمادهای محبوب مانند Font Awesome و Material Design Icons است که اضافه کردن آیکون‌ها به وب‌سایت یا برنامه شما را آسان می‌کند.
نمادهای VSCode
نمادهای VSCode آیکون های پیش فرض VSCode را با مجموعه ای از نمادهای رنگارنگ تر و جذاب تر جایگزین می کند. پیمایش در پروژه‌ها و فایل‌هایتان را آسان‌تر می‌کند، به‌خصوص زمانی که چندین پنجره باز دارید.
گلاسیت
Glassit افزونه ای است که به شما امکان می دهد صفحه VSCode خود را شفاف کنید. این یک جلوه بصری منظم است که می تواند محیط برنامه نویسی شما را جذاب تر و سرگرم کننده تر کند.
بنابراین شما آن را دارید، 14 افزونه برتر VSCode من برای افزایش جریان کار توسعه شما. آنها را امتحان کنید و ببینید که چگونه می توانند به شما کمک کنند سریعتر و کارآمدتر کار کنید. کد نویسی مبارک!
