یک لیست از ۱۰ بهترین افزونه های visual studio code برای کود نویس و توسعه بهتر وب.
اگر شما از vs code برای کود نویسی وب استفاده میکنید، این مقاله برای شما است. vs code به خودی خود هم یک ویرایش گر عالی است، ولی شما میتوانید با به کار گیری از افزونه های متعددی که این ویرایش گر متن دارد استفاده کنید تا یک محیط کود نویسی بهتری داشته باشید.
اگر تا هنوز vs code را نصب نکردید، از اینجا دانلود و نصب کنید(رایگان میباشد). داخل vs code شما میتوانید لیستی از افزونه ها را مشاهده کنید با کلیک کردن روی آیکن افزونه ها در قسمت چپ این ویرایش گر یا با استفاده از کامند ctrl+shift+X .
و حالا لیست ۱۰ بهترین افزونه های vs code
1 – Liver Server
یکی از افزونه هایی که برای هر توسعه دهنده وب ضروری میباشد. بعد از اینکه نصب شد، تنها کاری که باید بکنید این است که پروژه خود را باز کرده و روی دکمه Go Live که در قسمت پایین ویرایش گر است کلیک کنید ویا از کامند Alt+L Alt+O استفاده کنید تا پروژه خود را به شکل زنده روی یک سرور داخلی در بروزر خود ببینید و با هر تغییری که روی پروژه ایجاد میکنید به شکل خودکار صفحه دوباره بارگذاری میگردد.
2 – Prettier
با این افزونه دیگر نیاز نیست وقت خود را صرف فارمت(منظم) کردن کود های خود کنید. این افزونه کود های شما را با یک استایل اصولی و منطقی بعد از هربار ذخیره کردن فارمت میکند(راستی باید تنظیمات را نیز کمی ویرایش کنید قسمی که در تصویر پایین نشان داده شده).
3 – Rainbow Brackets
یک افزونه مفید و کاربردی برای برنامه نویس ها و بخصوص برنامه نویس های جاوا اسکرپت. این افزونه براکت های که داخل یک دیگر باز و بسته شده را به رنگ های مختلف مصور میسازد تا به آسانی قابل تشخیص باشند.
4 – Peacock
این افزونه کاربردی برای وقت هایی است که شما بیشتر از یک پنجره vs code را باز کردید. افزونه Peacock پنجره های مختلف vs code را به رنگ های مختلف نمایش میدهد تا بین پنجره تفکیک ایجاد شود.
5 – GitLens
اگر شما با گیت آشنا هستید یا با گیت سروکار دارید، این افزونه برای شما است. این افزونه شما را قادر میسازد تا کود های شما کی، چرا و توسط چه شخصی اضافه ویا ایدیت شده است.
6 – IntelliSense for CSS class names in HTML
دیگر ضرور نیست تا نام های تمام کلاس های CSS خود را به خاطر بسپارید زمانی که بالای HTML خود کار میکنید. این افزونه برای شما لیستی مشابه به کلاسی که تایپ کردید را ارایه میدهد بر اساس فایل هایی که قبلا در HTML خود آدرس دهی کردید.
7 – Visual Studio IntelliCode
این افزونه از تکنالوژی هوش مصنوعی برای کمک به برنامه نویسان پایتون، جاوا اسکرپت و جاوا. همزمان با کود نویسی به شما لیستی از کلمات مکمل کننده را نمایش میدهد به ترتیب عبارتی که شما تایپ کردید.
8 – Auto Rename Tag
با این افزونه تگ های HTML/XML خود را به راحتی میتوانید تغییر نام دهید. اگر چه زیاد کاربردی نیست ولی برای افزایش سرعت به شما کمک میکند. این افزونه با تغییر نمودن تگ باز شده تگ بسته شده را نیز به همان نام تغییر میدهد.
9 – Path IntellSense
این ابزار یک متد هوشمند را به نام‌های فایل اضافه میکند و به شما اجازه میدهد نام مسیرهای طولانی را به راحتی تایپ کنید. اگر عبارت نوشته شده یک نوع عبارت دستوری باشد، پسوند فایل را به طور پیش فرض حذف میکند.
10 – Code Runner
و در آخر افزونه Code Runner، یک افزونه کاربردی و مفید برای اجرا کردن کود های زبان های مختلف. با این افزونه میتوانید کود ها را از فایل اکسپلورر، یا هم یک قطعه کود انتخاب شده را اجرا کنید.