یکی از چشم گیر ترین بخش های برنامه ی visual studio Code بخش قابل تنظیم آن ،بخصوص بخش افزونه های آنست.
اگر شما یک توسعه دهنده ی وب هستید بدون نصب کردن این افزونه ها قادر به زندگی کردن نخواهید بود.
1. Debugger for chrome
2. Javascript (ES6) Code Snippets
3. ESLint
4. Live server
5. Bracket Pair Colorizor
6. Auto Rename Tag
7. Quokka
8. Path Intellisense
9. Project Manager
10. Polacode
11. VS Code Icons
1. Debugger for chrome
باور کنید یا نه دیباگ کردن (debug) فقط نوشتن consol.log() نمیباشد .اگرچه خودش بخش بزرگی را در بردارد اما گوگل قابلیت هایی رو بوجود آورده که دیباگ کردن را به تجربه بهتری تبدیل میکند.این افزونه به شما این امکان را میدهد که بتواند از قابلیت های دیباگ کردن بهتری برخوردار باشید.
2. Javascript (ES6) Code Snippets
این یک افزونه ی عالی میباشد .از تایپ کردن تکراری کد ها خسته شده اید؟؟؟
این افزونه تعداد زیادی از کد های معروف از قبل تعیین شده را براتون فراهم میکند تا از هدر رفت وقتتان برای نوشتن کد های تکراری جلوگیری کند.
3. ESLint
میخواهید کد های بهتری بنویسید؟میخواهید بهترین قالب هارا در تیم خود داشته باشید؟این افزونه میتونه بطور خودکار کد های شما رو قالب بندی کنه به همون خوبی که ارور ها و هشدار ها اینکار انجام میدهند.
Vs code در نشان دادن ارور ها و هشدار ها بهترین است.
4. Live server
در ویرایشگر کد تغییرات ود را انجام میدهید و بعد به مرورگر میروید و رفرش میکنید تا تغییرات خود را ببینید .این یه چرخه ی بی پایان برای هر توسعه دهنده ی وب هست.اما چی میشه اگر مرورگرتون بطور خودکار هربار خودش رفرش بشه به محض اینکه شما تغییری ایجاد کردید ؟؟؟؟
اینجاست که این افزونه به کار می آید!
5. Bracket Pair Colorizor
براکت ها مایه ی زحمت برای برنامه نویسان به حساب می آیند با وجود هزاران کد تو در تو تشخیص اینکه کدوم براکت با کدوم براکت مطابقت داره غیر ممکن میشود.ب وجود این افزونه همانطور که از اسمش پیداست با رنگی کردن هر براکت تشخیص را براتون آسون تر میکند.مطمئنا به این افزونه نیاز پیدا خواهید کرد.
6. Auto Rename Tag
نیاز دارید که یک عنصر را در HTML دوباره نام گزاری کنید؟؟؟
خب با این افزونه شما فقط باید یک تگ پایانی یا اغازی را تغییر نام دهید و بقیه خودکار تغیر میکند.افزونه ای ساده اما موثر!!!
7. Quokka
برای آزمایش کردن برخی از کد های جاوا اسکریپت خود نیاز به جایی دارید؟من قبلا در کنسول کد های خود را مینوشتم و در آنجا نتیجه را مشاهده میکردم .اما اینکار خالی از اشکال نبود ،با وجود این افزونه میتوانید نتیجه ی کد های خود را در محیط ویرایشگر کد خود مشاهده کنید.
8. Path Intellisense
در پروژه های بزرگ به یاد آوردن نام و مسیر دقیق فایل ها میتواند مشکل باشد .این افزونه این امکان را به شما میدهد که شما با تایپ کردن مسیر به شما راهنمایی میکند به کدام پوشه بروید و وقت شما را از گشتن در اکسپلورر فایل نجات میدهد.
9. Project Manager
چیزی که من از آن متنفرم این است که بین پروژه های VS Code جابجا شوم. هر بار باید فایل اکسپلورر را باز کنم و پروژه را در کامپیوتر پیدا کنم. این افزونه وضعیت را تغییر میدهد. با استفاده از این افزونه ، یک منوی اضافی را در منوی جانبی خود برای پروژه های خود ایجاد میکنید .می توانید به سرعت بین پروژه ها جابجا شوید ، موارد دلخواه را ذخیره کنید .
اگر به طور همزمان بروی چند پروژه کار میکنید این افزونه مناسب شما میباشد .
10. Polacode
این اسکرین شات های زیبا از کد ها رو دیدید که در توییتر و مقاله ها منتشر میکنند ؟خب بیشتر آنها از همین افزونه آمده اند .کافی است کد خود را کپی کنید و به افزونه روید و در آنجا past کنید و اسکرین شات زیبایی از کد خود داشته باشید.
11. VS Code Icons
آیا میدانستید در VS Code از ایکن های سفارشی استفاده کنید ؟اگر به تنظیمات نگاه کنید ، گزینه ای برای "Theme Icon Theme" مشاهده می کنید.در اینجا میتوانید ایکون هایی که از قبل نصب شده را انتخاب یا پک آیکون جدیدی را نصب کنید .این افزونه یک بسه آیکون شیرین بهتان میدهد که بیش از یک میلیون آدم مشغول استفاده از آنها هستند.
ثبت یک نظر
آدرس ایمیل شما منتشر نخواهد شد. فیلدهای الزامی مشخص شده اند *
ورود / ثبت نام با حساب گوگل