۵ افزونه ای که باید برای ویژوال استودیو کد داشته باشید

توسعه‌دهندگان وب‌سایت به دنبال ابزارهایی هستند که با کمک آن‌ها بتوانند کدنویسی بهینه‌تری داشته باشند و سریع‌تر از خطاهای احتمالی آگاه شوند. یک ابزار مهم و کاربردی برای این منظور، ویژوال استودیو کد است. ویژوال استودیو کد، محصول مایکروسافت است که از ۳۶ زبان برنامه‌نویسی پشتیبانی می‌کند. این ابزار یکی از بهترین محیط‌های برنامه نویسی به‌ویژه در زمینه توسعه برنامه‌های تحت وب است که روی همه سیستم عامل‌ها نصب می‌شود. در واقع ویژوال استودیو کد، نسخه سبک‌تر شده ویژوال استودیو است که به‌صورت رایگان و متن باز در دسترس همه قرار دارد.

یکی از مهم‌ترین ویژگی‌های کاربردی ویژوال استودیو کد، اکوسیستم پلاگین محور آن است. برخی از پلاگین‌های این ابزار منحصرا برای یک زبان خاص توسعه یافته‌اند، اما افزونه‌های بیشتری وجود دارند که تقریبا برای همه توسعه‌دهندگان کاربرد دارند. در ادامه ۵ افزونه کاربردی ویژوال استودیو کد را معرفی می‌کنیم:

۱- GitLens

این افزونه قابلیت نمایش تفاوت‌ها در پنجره جداگانه (split diff) را دارد که تفاوت‌های بیت‌کامیت‌ها و شاخه‌ها را بهتر نشان می‌دهد. علاوه بر این با استفاده از این افزونه امکان جستجوی تاریخچه کامیت پروژه‌ها، جستجوی نویسندگان، فایل‌ها، پیام‌های کامیت و موارد دیگر را نیز ارائه می‌کند.

ویژگی دیگر Gitlense، هیت‌مپ (Heat Map) در حاشیه پنجره ویژوال استودیو کد است که این امکان را فراهم می‌کند تا به‌آسانی ببینیم که بخش عمده کار در یک فایل مشخص در کجا صورت گرفته است. به‌طور کلی اگر در پروژه خود روی Git تمرکز دارید، حتماً باید این افزونه را امتحان کنید.

۲- Prettier

اگر توسعه‌دهنده فرانت‌اند هستید و دوست دارید از سبک نگارشی خاصی پیروی کنید، این افزونه به کارتان می‌آید. افزونه Prettier به‌صورت اتوماتیک کدهای CSS، جاوا اسکریپت و تایپ‌اسکریپت را برای هر زبان قالب‌بندی می‌کند. این افزونه، کدی را که شما نوشته‌اید با پیروی از راهنماهای قالب‌بندی خاص، برای شما بازنویسی می‌کند. این اکستنشن گزینه‌های مختلفی دارد که می‌توانید متناسب با نیاز خود، آن را پیکربندی کنید. همچنین می‌توانید در کنار ابزارهای eslint یا tslint از Prettier نیز جهت اطمینان از صحت پیکربندی بندی linting خود استفاده کنید.

۳- ES Lint

افزونه ES Lint ابزاری است که برای بررسی کد جاوا اسکریپت و تصحیح خطاها در آن‌ها مورد استفاده قرار می‌گیرد. از آن‌جا که جاوا اسکریپت مثل زبان‌های دیگر برنامه‌نویسی مانند جاوا کامپایلر ندارد و کدها به طور مستقیم در مرورگر اجرا می‌شوند، خطاها تنها هنگام اجرا شدن کد مشخص می‌شوند. اما افزونه ES Lint خطاها را پیدا و از اجرای آن‌ها جلوگیری می‌کند. برخی از این خطاها عبارتند از: جلوگیری از حلقه‌های بی‌نهایت با قرار دادن شرط نامناسب، جلوگیری از ایجاد log در کدها، کنترل کدهای غیر قابل دسترسی و….

۴- Project Manager

حتما اغلب اوقات لازم است تا به‌عنوان یک توسعه‌دهنده، همزمان چند پروژه را در دست داشته باشید. برای مدیریت همزمان چند پروژه، افزونه Project Manager ابزار مورد نیاز شما است. این افزونه در ویرایشگر ویژوال استودیو کد شما یک نوار کناری ایجاد می‌کند و به این ترتیب می‌توانید هر پروژه را از پوشه‌ موردنظر انتخاب و به‌راحتی میان پروژه‌ها جابه‌جا کنید. همچنین با استفاده از این افزونه انجام پروژه‌های دورکاری نیز آسان‌تر می‌شود. با استفاده از Project Manager بدون نیاز به بستن و بازکردن می‌توانید میان پروژه‌ها سوئیچ کنید.

۵- Live Share

شاید برای شما پیش آمده باشد که در یک پروژه به بررسی کد توسط همکارتان به صورت ریموت نیاز داشته باشید. در چنین موقعیتی، افزونه Live Share به کار شما می‌آید. این افزونه امکان توسعه، ویرایش و رفع خطای کدها را در فضایی اشتراکی با کاربران دیگر به‌صورت همزمان فراهم می‌کند. با کمک Live Share این امکان را دارید تا پروژه فعلی خود را با دیگران به اشتراک بگذارید و از نظرات آن‌ها برای بهبود کدهای برنامه خود بهره ببرید. از این افزونه می‌توانید به منظور توسعه دسته جمعی پروژه و جلسات تشریح پروژه استفاده کنید.

تنوع افزونه‌های ویژوال استودیو کد

ویرایشگر ویژوال استودیو کد در میان برنامه نویسان، به دلیل سرعت و دقت آن، محبوبیت بالایی دارد. تا امروز هزاران افزونه برای ویژوال استودیو کد ساخته شده و هر روز هم به تعداد آن‌ افزوده می‌شود. افزونه‌هایی که معرفی شدند، تنها بخش کوچکی از افزونه‌های ویژوال استودیو کد (VS Code) را تشکیل می‌دهند. البته در این مطلب از بررسی افزونه‌هایی که به یک زبان خاص اختصاص دارند پرهیز شد. اگر از زبان جاوا اسکریپت، ++C، Go و یا سایر زبان‌های برنامه‌نویسی استفاده می‌کنید، افزونه‌های ویژه‌ای هم برای آن زبان‌ها موجود هستند. شما از کدام‌یک از افزونه‌های ویژوال استودیو کد استفاده می‌کنید؟