به عنوان یک برنامه نویس، می دانید که انتخاب ابزار و منابع مناسب می تواند تفاوت زیادی در بهره وری و کیفیت کار شما ایجاد کند. ویژوال استودیو کد (VS Code) یک ویرایشگر کد محبوب است که از طریق استفاده از پسوندها بسیار قابل توسعه است. در این مقاله شما را با 20 افزونه برتر VS Code برای برنامه نویسان آشنا کرده ام. بیا شروع کنیم.
رنگ آمیزی جفت براکت
هنگام کار با کدهایی که حاوی براکت های تو در تو هستند، تطبیق صحیح آنها می تواند چالش برانگیز باشد. رنگ‌ساز جفت براکت با رنگ‌آمیزی براکت‌های منطبق با همان رنگ کمک می‌کند و دیدن شروع و پایان هر جفت را آسان می‌کند.
املای کد
اشتباهات تایپی و گرامری هنگام نوشتن کد و نظرات آسان است. Code Spell Checker افزونه‌ای است که املا و دستور زبان شما را بررسی می‌کند و به شما کمک می‌کند تا قبل از ارسال کد، خطاهای مزاحم را تشخیص دهید.
برجسته رنگ
CSS و دیگر زبان های یک ظاهر طراحی به طور گسترده از رنگ ها استفاده می کنند. Color Highlight افزونه‌ای است که کدهای رنگی را در کد شما برجسته می‌کند و به راحتی می‌توانید ببینید کدام رنگ در کجا استفاده می‌شود.
دیباگر برای کروم
اشکال زدایی برنامه های وب می تواند یک چالش باشد، اما Debugger برای Chrome این کار را آسان تر می کند. این افزونه پشتیبانی از اشکال زدایی کروم را فراهم می کند و به شما امکان می دهد کدهای جاوا اسکریپت و تایپ اسکریپت را در مرورگر کروم مستقیماً از VS Code اشکال زدایی کنید.
GitLens
Git یک ابزار ضروری برای توسعه نرم افزار است و GitLens افزونه ای است که پشتیبانی پیشرفته Git را در VS Code ارائه می دهد. با GitLens، می‌توانید ببینید چه کسی در کد شما تغییراتی ایجاد کرده است، چه زمانی آنها را ایجاد کرده است و چرا. همچنین می توانید به راحتی در تاریخچه Git پروژه خود پیمایش کنید.
پشتیبانی از HTML CSS
HTML و CSS دو زبان رایج در توسعه وب هستند. پشتیبانی HTML CSS افزونه ای است که پشتیبانی جامعی از HTML و CSS در VS Code ارائه می دهد.
IntelliSense برای نام کلاس های CSS در HTML
اگر با تعداد زیادی نام کلاس های CSS در HTML خود کار می کنید، IntelliSense برای نام کلاس های CSS در HTML می تواند در وقت شما صرفه جویی کند. این افزونه IntelliSense را برای نام کلاس‌های CSS در HTML شما فراهم می‌کند و انتخاب نام کلاس مناسب را از یک لیست آسان می‌کند.
IntelliSense برای CSS، Sass و Less
اگر با CSS، Sass یا Less کار می کنید، IntelliSense for CSS، Sass و Less می تواند زندگی شما را آسان تر کند. این افزونه IntelliSense را برای CSS، Sass و Less فراهم می‌کند و تکمیل خودکار کد و یافتن ویژگی یا مقدار مناسب را آسان می‌کند.
سرور زنده
Live Server افزونه ای است که یک سرور توسعه محلی را با قابلیت بارگذاری مجدد زنده راه اندازی می کند. این کار باعث می‌شود بدون نیاز به بازخوانی دستی صفحه، تغییرات خود را در زمان واقعی مشاهده کنید.
تم نماد مواد
Material Icon Theme افزونه‌ای است که آیکون‌های طراحی متریال را برای فایل‌ها و پوشه‌ها در VS Code ارائه می‌کند. این امر باعث می شود تا به راحتی انواع مختلف فایل ها را در یک نگاه شناسایی کنید.
زیباتر – فرمت کننده کد
قالب‌بندی کد می‌تواند زمان‌بر باشد، اما قالب‌کننده کد Prettier – Code می‌تواند کمک کند. این برنامه افزودنی به طور خودکار کد شما را بر اساس مجموعه ای از قوانین قالب بندی می کند و حفظ یک سبک کد ثابت را آسان می کند.
پایتون
اگر با پایتون کار می‌کنید، افزونه پایتون برای VS Code یکی از ضروریات است. برجسته سازی نحو، تکمیل کد و پشتیبانی از اشکال زدایی برای پایتون را فراهم می کند.
مشتری REST
REST Client افزونه ای است که به شما امکان می دهد درخواست های HTTP ارسال کنید و پاسخ ها را مستقیماً در ویرایشگر نشان می دهد. این امر آزمایش و اشکال زدایی API های REST را بدون ترک VS Code آسان می کند.
همگام سازی تنظیمات
اگر روی چندین رایانه کار می‌کنید یا می‌خواهید تنظیمات و برنامه‌های افزودنی خود را بین دستگاه‌ها همگام‌سازی کنید، Settings Sync افزونه‌ای است که می‌تواند به شما کمک کند. این تنظیمات کد VS، صفحه کلیدها و برنامه های افزودنی شما را در بین دستگاه ها همگام می کند.
SonarLint
SonarLint افزونه‌ای است که مشکلات کدنویسی را در زمان واقعی شناسایی و برجسته می‌کند و شناسایی اشکالات احتمالی و آسیب‌پذیری‌های امنیتی را قبل از ارسال کدتان آسان می‌کند.
همه درخت
همانطور که روی یک پروژه کار می کنید، می توانید نظرات خود را با TODO، FIXME یا برچسب های دیگر بگذارید تا کارهایی را که باید انجام دهید به خودتان یادآوری کنید. Todo Tree افزونه ای است که این نظرات را در نمای درختی نشان می دهد و پیگیری کارهایی که باید انجام شود را آسان می کند.
وارد کننده TypeScript
TypeScript Importer افزونه ای است که به طور خودکار ماژول های TypeScript را همانطور که از آنها استفاده می کنید وارد می کند. این باعث صرفه جویی در وقت شما و کاهش خطاهای ناشی از واردات دستی می شود.
Visual Studio IntelliCode
Visual Studio IntelliCode افزونه ای است که IntelliSense را با کمک هوش مصنوعی ارائه می دهد. از یادگیری ماشین استفاده می‌کند تا محتمل‌ترین تکمیل کد شما را پیشنهاد کند و کدنویسی را سریعتر و کارآمدتر کند.
vscode-icons
vscode-icons افزونه ای است که آیکون هایی را برای فایل ها و پوشه ها در VS Code ارائه می دهد. این کار شناسایی سریع انواع مختلف فایل ها و پوشه ها را آسان می کند و بهره وری شما را بهبود می بخشد.
YAML
YAML یک فرمت سریال سازی داده محبوب است که در بسیاری از برنامه ها از جمله Kubernetes و Docker استفاده می شود. پسوند YAML پشتیبانی جامع زبان YAML را در VS Code ارائه می دهد.
نتیجه
در پایان، می‌خواهم بگویم که مجموعه برنامه‌های افزودنی مناسب می‌تواند تفاوت زیادی در بهره‌وری و کیفیت کد شما ایجاد کند. 20 افزونه برتر VS Code برای برنامه نویسان که در اینجا معرفی کرده ام می توانند به شما کمک کنند تا کدهای بهتری را سریعتر بنویسید، خطاها را قبل از ایجاد مشکل پیدا کنید و در حین کار روی پروژه های خود سازماندهی کنید. بنابراین، آنها را امتحان کنید و خودتان می توانید نتیجه را ببینید.
این یک بسته بندی است. با تشکر برای خواندن.
اگر این وبلاگ را دوست دارید، آن را با دیگران به اشتراک بگذارید. از من برای ایجاد محتوای بیشتر مانند این پشتیبانی می کند.
تا آن زمان، مراقب باشید و به کدنویسی ادامه دهید 🙂
اجتماعی:
توییتر: https://twitter.com/Hy_piyush
اینستاگرام: https://www.instagram.com/piyush_kesarwani22/
لینکدین: https://www.linkedin.com/in/piyush-kesarwani-809a30219/
گیت هاب: https://github.com/piyushkesarwani
