برنامه های افزودنی VS Code من که کاملاً آنها را دوست دارم و همیشه از آنها استفاده می کنم

در این مقاله، می‌خواهم برخی از افزونه‌های کد ویژوال استودیو را که به نظر من بسیار مفید هستند و روزانه از آنها استفاده می‌کنند، با شما به اشتراک بگذارم. بنابراین، اگر علاقه مند به تقویت تجربه کدنویسی خود با برخی ابزارهای عالی هستید، به خواندن ادامه دهید و بیایید با هم کاوش کنیم!

تم Github

من شخصا دوست دارم از تم GitHub به عنوان تم برای VS Code استفاده کنم. این واقعا یک پسوند نیست، اما ظاهر و احساس ویرایشگر من را تغییر می دهد. برای چشم آسان است و خواندن کد را آسان می کند.

تم نماد مواد

آیا می خواهید ویرایشگر کد ویژوال استودیو خود را ادویه کنید؟ این برنامه افزودنی شما را با مجموعه ای از نمادها برای انتخاب پوشانده است!

زیباتر

با این پسوند با کدهای نامرتب خداحافظی کنید! این به طور خودکار کدهای جاوا اسکریپت، CSS و HTML شما را قالب بندی می کند و آن را تمیز و منظم می کند.

پولاکد

این برنامه افزودنی که به شما امکان می‌دهد اسکرین‌شات‌های قابل اشتراک‌گذاری از کد خود را با تم و فونت دلخواه خود کامل کنید.

GitLens

من عاشق استفاده از این افزونه‌ها برای بهبود گردش کار Git در VS Code هستم. آنها فوق العاده مفید بوده اند!

نشانک ها

کد خود را به راحتی با این افزونه نشانه گذاری کنید! فقط از میانبر «ctrl+alt+k» برای اضافه کردن یا تغییر دادن یک نشانک، و «ctrl+alt+l» یا «ctrl+alt+j» برای پیمایش بین نشانک‌ها استفاده کنید.

لنز خطا

با این برنامه افزودنی که برجسته کردن خطاها، هشدارها و سایر تشخیص‌های زبانی را افزایش می‌دهد، تشخیص خطاها و هشدارهای کد خود را آسان‌تر کنید.

مدیر پروژه

اگر روی چندین پروژه در Visual Studio Code کار می کنید و نیاز به جابجایی مکرر بین آنها دارید، پسوند Project Manager می تواند روند را ساده کرده و مدیریت را آسان کند.

ESLint

این ابزار شگفت‌انگیز برای کدنویسی جاوا اسکریپت، هنگام نوشتن کد، خطاهای رایج را برجسته می‌کند و به من کمک می‌کند تا اشتباهات را به سرعت شناسایی و برطرف کنم. بعلاوه، اعتبار سنجی بلادرنگ را فراهم می کند تا کد من را بدون خطا حفظ کند.

سرور زنده

با استفاده از این افزونه به راحتی یک سرور توسعه محلی ایجاد کنید! حتی شامل یک ویژگی بارگذاری مجدد زنده است که برای صفحات وب استاتیک و پویا کار می کند.

مشتری REST

آیا می خواهید API های خود را بدون ترک Visual Studio Code آزمایش کنید؟ برنامه افزودنی REST Client شما را تحت پوشش قرار داده است! این به شما امکان می‌دهد درخواست‌های HTTP را ارسال کنید و پاسخ‌ها را مستقیماً در VS Code مشاهده کنید. با جابجایی بین برنامه ها خداحافظی کنید!

رنگ دهنده خروجی

فایل های لاگ خود را با این پسوند آسان کنید! برای نمایش رنگارنگ و سازماندهی شده، برجسته سازی نحو را به گزارش های شما اضافه می کند.

قطعه کد جاوا اسکریپت (ES6).

این افزونه برای توسعه وب ضروری است زیرا قطعه کدهایی را برای جاوا اسکریپت، Vue، React و HTML ارائه می دهد.

تغییر نام خودکار برچسب

این برنامه افزودنی به شما کمک می‌کند با به‌روزرسانی خودکار نام تگ بسته مربوطه هنگام تغییر نام یک تگ باز، در زمان صرفه‌جویی کنید. دیگر نیازی به آپدیت دستی آنها نیست!

برچسب بستن خودکار

با این دو افزونه VS Code، در زمان صرفه جویی کنید و فایل های HTML خود را به راحتی نگهداری کنید. آنها به طور خودکار برچسب های شما را تغییر نام داده و می بندند، حتی در دستور JSX React.

واردات خودکار

با استفاده از این برنامه افزودنی، دیگر نیازی به جستجوی دستی برای واردات نخواهید داشت! این به طور خودکار تکمیل کد و اقداماتی را برای همه واردات موجود در کد شما شناسایی و پیشنهاد می کند و در زمان و تلاش شما صرفه جویی می کند.

هزینه واردات

تصور کنید بتوانید ببینید یک کتابخانه شخص ثالث چقدر فضایی را در کد شما اشغال می کند! این دقیقاً همان کاری است که افزونه Import Cost انجام می دهد. حتی از رنگ‌ها استفاده می‌کند تا به شما نشان دهد کدام یک از آنها وارداتی سنگین هستند، و آنها را با رنگ قرمز برجسته می‌کند تا بتوانید به راحتی آنها را تشخیص دهید.

npm Intellisense

این پلاگین عالی برای کد ویژوال استودیو به شما کمک می کند هنگام نوشتن دستورات واردات، ماژول های npm خود را به سرعت تکمیل کنید. دیگر اشتباه تایپی یا جستجوی دستی برای نام ماژول ها وجود ندارد!

مسیر هوشمندانه

با خواهر و برادر NPM Intellisense آشنا شوید! این افزونه عالی VS Code اکنون مسیرهای سیستم فایل شما را به صورت خودکار تکمیل می کند. این از همان نگهدارنده NPM Intellisense است و برای من تبدیل به یک ابزار ضروری شده است. آن را امتحان کنید و گردش کار کدنویسی خود را ساده کنید!

و در اینجا شما انتخاب برنامه های افزودنی ما را دارید، از خواندن این مقاله متشکریم که می تواند بهره وری و تجربه کدنویسی شما را افزایش دهد! امیدوارم این افزونه ها، از تکمیل کد گرفته تا اشکال زدایی تا مدیریت فایل پروژه، برای شما مفید باشد. در نظرات به من بگویید که کدام یک از آنها مفیدتر هستند! باز هم برای خواندن متشکرم! 🙌