برنامه نویسی

10 افزونه کاربردی vs code که هر برنامه نویسی باید داشته باشد

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

File Utils

اگرچه Visual Studio Code یک نمای دایرکتوری مرتب برای دسترسی به اسکریپت‌های ما ارائه می‌دهد، اما گزینه‌های اختصاصی برای کپی یا جابه‌جایی فایل‌ها ندارد. این موضوع مایه تأسف است، زیرا تجربه‌های اولیه ما با Docker Compose به ما آموخت که همیشه باید فایل‌های کدنویسی‌شده را با دقت کپی کنیم و در پوشه‌های جداگانه پشتیبان بگیریم. خوشبختانه، افزونه File Utils این گزینه‌ها را به VS Code اضافه می‌کند. علاوه بر این، File Utils به ما امکان می‌دهد میانبرهای کیبورد برای عملیات مختلف فایل تنظیم کنیم تا جریان کاری خود را بهبود دهیم.

Bookmarks

وقتی ما مهارت‌های کدنویسی خود را به کار می‌گیریم، اغلب با بلوکی از کد مواجه می‌شویم که با بقیه برنامه سازگار نیست. پیش از استفاده از Bookmarks، ما همه‌چیز را کامنت می‌کردیم و به بلوک کد بعدی می‌رفتیم، با این امید که در آینده هنگام تکمیل اسکریپت به خوبی کار کند. افزونه Bookmarks این فرآیند را بسیار آسان‌تر می‌کند، زیرا می‌توانیم خطوط کدی که مشکل‌ساز هستند را علامت‌گذاری کنیم و سپس به بقیه برنامه ادامه دهیم. وقتی چندین بلوک کد معیوب داریم، می‌توانیم با یک میانبر کیبورد بین آن‌ها جابه‌جا شویم.

Prettier and Indent Rainbow

مانند اثر انگشت، هر برنامه‌نویس روش منحصربه‌فردی برای قالب‌بندی کد خود دارد. متأسفانه، کدهای نامرتب ما در سمت غیرقابل‌فهم طیف قرار دارند، به‌گونه‌ای که گاهی خودمان هم در درک پیچیدگی‌های اسکریپت‌هایمان مشکل داریم. خوشبختانه، Prettier به ما کمک می‌کند تا بلوک‌های کد بدقالب را مرتب کنیم. این ابزار قالب‌بندی با استفاده از چند قانون از پیش تعریف‌شده، بلوک‌های کد را به‌صورت سازمان‌یافته بازسازی می‌کند و از مجموعه افزونه‌های خاص خود برای بهبود قالب‌بندی کدها پشتیبانی می‌کند. اگر اغلب با YAML یا زبان‌های دیگری که نیاز به ساختار کد منظم دارند کار می‌کنیم، افزونه Indent Rainbow نیز ضروری است، زیرا برای سطوح مختلف سلسله‌مراتب تورفتگی رنگ‌های جداگانه‌ای تنظیم می‌کند.

GitHub Copilot

با وجود پیشرفت‌های عظیم در اکوسیستم هوش مصنوعی، هنوز زمان زیادی طول می‌کشد تا مدل‌های زبانی بزرگ (LLMs) جایگزین کدهای نوشته‌شده توسط انسان شوند. با این حال، همراه‌های کدنویسی مبتنی بر هوش مصنوعی می‌توانند به لطف قابلیت‌های تکمیل خودکار، عیب‌یابی و تولید کدهای اولیه، کمک بزرگی برای برنامه‌نویسان باشند. GitHub Copilot یکی از بازیگران اصلی در فضای برنامه‌نویسی است و ما می‌توانیم این دستیار هوش مصنوعی را از طریق افزونه رسمی به VS Code اضافه کنیم. به‌طور جایگزین، اگر مدل‌های محلی را برای کارهای کدنویسی ترجیح می‌دهیم، Cline افزونه ارزشمندی به مجموعه افزونه‌های VS Code ما خواهد بود.

Remote Development

ماشین‌های مجازی و کانتینرها برای کارهای کدنویسی ما نیز مفید هستند. برای مثال، ما یک سرور ماشین مجازی مرکزی داریم که در آن کدهای آزمایشی خود را اجرا می‌کنیم و بسته‌های عجیب‌وغریب را برای ارضای کنجکاوی‌هایمان نصب می‌کنیم یعنی چیزی که نمی‌خواهیم روی ماشین اصلی خود تکرار کنیم. افزونه Remote Development برای پروژه‌های کدنویسی سنگین مبتنی بر ماشین‌های مجازی، عالی است. افزونه‌های Remote SSH و Remote Tunnels برای اتصال اپلیکیشن محلی VS Code به نمونه‌های سرور آن عالی هستند. افزونه Dev Containers نقش مشابهی را ایفا می‌کند، با این تفاوت که برای محیط‌های کانتینری طراحی شده است، نه ماشین‌های مجازی. سپس افزونه WSL وجود دارد که وقتی می‌خواهیم از رابط کاربری اصلی VS Code در ویندوز ۱۱ به اپلیکیشن Visual Studio Code در محیط Windows Subsystem for Linux دسترسی داشته باشیم، بسیار کاربردی است.

Git Graph

به‌عنوان ابزار کنترل نسخه پیش‌فرض، Git (و به تبع آن GitHub) بخش ضروری از ابزارهای هر برنامه‌نویس است. اگرچه می‌توانیم Git را روی سیستم خود نصب کنیم و با VS Code استفاده کنیم، افزونه Git Graph کار با سیستم کنترل نسخه را بسیار آسان‌تر می‌کند. برای شروع، Git Graph به ما امکان می‌دهد شاخه‌ها را مشاهده کنیم، جزئیات را پیدا کنیم و کامیت‌های انجام‌شده به مخازن را در داخل VS Code مقایسه کنیم. همچنین می‌توانیم از این افزونه برای بررسی کد و ویرایش کامیت‌ها استفاده کنیم. به‌عنوان یک ویژگی اضافی، این افزونه مرتب به ما امکان می‌دهد عملیات‌های معمول Git مانند push، merge، revert و fetch شاخه‌های پروژه را از رابط کاربری مناسب Visual Studio Code انجام دهیم.

Language extensions

به‌صورت پیش‌فرض، VS Code از چند زبان برنامه‌نویسی مانند CSS، JavaScript و HTML پشتیبانی می‌کند و به ما امکان می‌دهد با فرمت‌های .yaml، .tf و .json کار کنیم. با این حال، می‌توانیم افزونه‌ زبان های خاصی را وارد کنیم تا VS Code را به یک ویرایشگر کد همه‌کاره تبدیل کنیم. علاوه بر افزونه‌های زبان‌های اصلی مانند C++/C، Python و C#، بازار VS Code افزونه‌هایی برای زبان‌های خاص‌تر مانند Dart، Kotlin و Julia دارد. حتی افزونه‌ای اختصاصی وجود دارد که به ما امکان می‌دهد ماژول‌های PowerShell را در داخل Visual Studio Code توسعه دهیم.

Dendron

برنامه‌های یادداشت‌برداری و سیستم‌های مدیریت دانش شخصی (PKM) برای سازمان‌دهی افکار و ایده‌ها عالی هستند. اما اگر بخواهیم حین کار روی فایل‌های کد چند یادداشت اضافه کنیم چه؟ از آنجا که Visual Studio Code از سینتکس markdown پشتیبانی می‌کند، می‌توانیم از این ویرایشگر کد قدرتمند برای ذخیره یادداشت‌هایمان استفاده کنیم. با این حال، اگر از Obsidian، Joplin، TriliumNext Notes یا سایر سیستم‌های PKM آمده باشیم، قابلیت‌های یادداشت‌برداری VS Code را محدود خواهیم یافت. اینجا است که Dendron به کمک می‌آید و به ما امکان می‌دهد نمودارهای mermaid، تایپ‌اسکریپت‌های ریاضی KaTeX، یادداشت‌های تعبیه‌شده و مجموعه‌ای از امکانات PKM دیگر را به تنظیمات VS Code خود اضافه کنیم.

Container Tools

کانتینرها که قادر به اجرای برنامه‌ها در محیط‌های ایزوله بدون مصرف منابع زیاد هستند، برای توسعه‌دهندگان بسیار مفیدند. اما جابه‌جایی مداوم بین VS Code و رابط کاربری ترمینال می‌تواند خسته‌کننده باشد. راه‌حل؟ ما می‌توانیم افزونه Container Tools را روی VS Code نصب کنیم و دستورات متمرکز بر کانتینر را بدون باز کردن ترمینال اجرا کنیم. چه بخواهیم فایل‌های docker-compose.yml را مستقر کنیم، لاگ‌های کانتینر را بررسی کنیم یا تصاویر را از رجیستری بکشیم، Container Tools از مجموعه‌ای از دستورات Docker پشتیبانی می‌کند. این افزونه با API Azure سازگار است و همچنین به ما امکان می‌دهد با استفاده از چارچوب .NET و محیط اجرایی Node.js، کانتینرهای معیوب را دیباگ کنیم.

Live Server

اگر تا به حال وارد دنیای توسعه وب شده باشیم، احتمالاً با کابوس دیباگ کردن بلوک‌های کد CSS آشنا هستیم، جایی که یک اشتباه کوچک می‌تواند ساعت‌ها کار سخت را خراب کند. همان‌طور که از نامش پیداست، Live Server به ما امکان می‌دهد تغییرات فایل HTML را در زمان واقعی نظارت کنیم. هر زمان که فایل‌های کد خود را ذخیره کنیم، Live Server به‌صورت خودکار صفحه وب را به‌روزرسانی می‌کند و ردیابی بلوک‌های کد پرخطا را آسان‌تر می‌کند، به‌خصوص اگر مانند ما مرتباً از ترکیب Ctrl+S استفاده کنیم.

با توجه به اینکه بازار VS Code هزاران افزونه مفید دارد، این فهرست هنوز کامل نیست. افزونه Cmake برای برنامه‌نویسانی که می‌خواهند از امکانات ساخت و آزمایش برنامه آن از رابط کاربری Visual Studio Code استفاده کنند، عالی است. در همین حال، افزونه Color Highlight مرزهای رنگی به کدهای CSS ما اضافه می‌کند و آن را برای چشم آسان‌تر می‌کند. افزونه‌های SQLite و Azure Databases برای کسانی که حجم کاری کدنویسی‌شان شامل اجرای پرس‌وجوها روی سرورهای پایگاه داده خارجی است، وجود دارند. ما همچنین می‌خواستیم به افزونه‌های GitLab اشاره کنیم، اما اشتراک آن، توصیه آن را برای برنامه‌نویسانی که خدمات منبع‌باز (FOSS) را ترجیح می‌دهند، کمی دشوار می‌کند.

بیشتر بخوانید:

بهترین فونت ها برای برنامه نویسی
Node.js چیست و چه کاربردی در برنامه نویسی دارد ؟
معرفی زبان های برنامه نویسی اندروید (مقایسه)

وحید خاکپور

متولد 76 . مبتدی در همه چیز. علاقه مند به یادگیری و به اشتراک گذاشتن تجربه های مفید.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *