افزونه های کاربردی vs code

ویژگی‌های کلیدی VS Code

1. چند پلتفرمی:
   • قابل اجرا روی سیستم‌عامل‌های ویندوز، مک و لینوکس.
2. افزونه‌ها و قابلیت سفارشی‌سازی:
   • پشتیبانی از افزونه‌های بی‌شمار از طریق Marketplace که به شما امکان می‌دهد امکانات و زبان‌های مختلفی را اضافه کنید.
   • قابلیت تغییر تم، کیبورد میانبرها و تنظیمات محیط کار.
3. پشتیبانی از زبان‌های برنامه‌نویسی متنوع:
   • تقریباً از تمام زبان‌های برنامه‌نویسی معروف مانند Python، JavaScript، TypeScript، C، C++، Java، PHP، و غیره پشتیبانی می‌کند.
4. یکپارچگی با گیت (Git):
   • امکانات قدرتمند برای مدیریت ورژن کنترل، مانند Push، Pull، Commit، و مشاهده تغییرات در پروژه.
5. امکانات دیباگ (Debug):
   • قابلیت دیباگ مستقیم از طریق ابزار داخلی.
6. ترمینال داخلی:
   • یک ترمینال یکپارچه در داخل ویرایشگر که می‌توانید به راحتی از آن برای اجرای دستورات استفاده کنید.
7. IntelliSense:
   • پشتیبانی از تکمیل کد هوشمند، پیشنهادات کد و تحلیل‌های لحظه‌ای.
8. ادغام با محیط‌های ابری:
   • قابلیت اتصال به سرویس‌های ابری مانند Azure و اجرای کد در سرورها.

مزایا

• رایگان بودن.
• سرعت بالا و عملکرد مناسب.
• امکان کار روی پروژه‌های کوچک تا بزرگ.
• اکوسیستم قوی و جامعه کاربری فعال.

چگونه VS Code را نصب کنیم؟

1. به وب‌سایت رسمی VS Code بروید.
2. نسخه مناسب با سیستم‌عامل خود را دانلود و نصب کنید.
3. پس از نصب، می‌توانید از Marketplace افزونه‌های دلخواه را نصب کنید.

افزونه های کاربردی vs code

چند افزونه مفید برای VS Code

1. Prettier: برای قالب‌بندی خودکار کدها.
2. ESLint: برای بررسی و تصحیح خطاهای کدنویسی در JavaScript/TypeScript.
3. Python: برای کار با پروژه‌های پایتون.
4. Live Server: برای پیش‌نمایش پروژه‌های وب به صورت زنده.
5. GitLens: برای کار با Git و مشاهده تغییرات دقیق‌تر.

در VS Code، افزونه‌ها (Extensions) نقش مهمی در بهبود عملکرد و تجربه کاربری ایفا می‌کنند. در اینجا لیستی از مهم‌ترین اکستنشن‌ها بر اساس نیازهای مختلف ارائه شده است:

۱. عمومی و کاربردی

1. Prettier – Code Formatter

1. • قالب‌بندی خودکار و استاندارد کدها.
   • پشتیبانی از زبان‌های مختلف مانند JavaScript، HTML، CSS و Python.
2. ESLint
   • ابزار بررسی خطاهای کد (Linting) برای JavaScript/TypeScript.
   • کمک به رعایت قوانین کدنویسی و کاهش خطا.

1. GitLens
   • ابزاری پیشرفته برای مدیریت Git.
   • نمایش تغییرات، نویسندگان، تاریخچه کد و اطلاعات کامیت‌ها.

1. Path Intellisense
   • پیشنهاد خودکار مسیر فایل‌ها و فولدرها در پروژه.
   • 

     Path Intellisense

2. Live Server
   • راه‌اندازی سرور محلی برای پیش‌نمایش بلادرنگ پروژه‌های وب.

1. Auto Rename Tag
   • تغییر خودکار تگ‌های HTML و XML (شروع و پایان) هنگام ویرایش.
   • 
2. Bracket Pair Colorizer 2
   • رنگ‌بندی جفت پرانتزها، براکت‌ها و آکولادها برای خوانایی بهتر کد.
   • 

     Bracket Pair Colorizer 2

۲. برای برنامه‌نویسان وب

1. HTML CSS Support
   • تکمیل خودکار (Auto-complete) و تحلیل ویژگی‌های CSS در فایل‌های HTML.
2. CSS Peek
   • مشاهده و ویرایش CSS مرتبط با عناصر HTML بدون ترک فایل.
3. Tailwind CSS IntelliSense
   • پیشنهاد و تکمیل خودکار کلاس‌های Tailwind CSS.
4. REST Client
   • ارسال درخواست‌های HTTP (GET، POST و …) از داخل VS Code.

۳. برای توسعه‌دهندگان پایتون

1. Python
   • افزونه رسمی مایکروسافت برای کدنویسی، دیباگ و اجرای پروژه‌های Python.
   • پشتیبانی از Jupyter Notebook.
2. Pylance
   • ابزار IntelliSense پیشرفته برای تحلیل و پیشنهاد کدهای Python.
   • 
3. Python Docstring Generator
   • تولید خودکار توضیحات (Docstrings) برای توابع و کلاس‌ها.
   • 

۴. برای برنامه‌نویسان جاوااسکریپت/تایپ‌اسکریپت

1. JavaScript (ES6) Code Snippets
   • ارائه الگوهای آماده برای نوشتن سریع‌تر کد.
2. TypeScript Hero
   • مدیریت و مرتب‌سازی خودکار importها در TypeScript.
3. Quokka.js
   • اجرای بلادرنگ کدهای جاوااسکریپت و مشاهده خروجی.

۵. برای کار با زبان‌های دیگر

1. C/C++
   • افزونه رسمی مایکروسافت برای پشتیبانی از C و C++.
   • ارائه قابلیت‌هایی مانند IntelliSense و دیباگ.
2. Java Extension Pack
   • مجموعه‌ای از ابزارهای ضروری برای توسعه پروژه‌های جاوا.
3. PHP Intelephense
   • ابزار تکمیل خودکار و تحلیل کدهای PHP.

۶. برای تجربه بهتر کدنویسی

1. Material Icon Theme
   • تغییر آیکون فایل‌ها و فولدرها برای زیبایی و خوانایی بیشتر.
   • 
2. One Dark Pro
   • یکی از محبوب‌ترین تم‌های رنگی برای VS Code.
   • 
3. Peacock
   • تغییر رنگ محیط کاری برای مدیریت چند پروژه به صورت هم‌زمان.
   • 

۷. برای یادگیری و تمرین کدنویسی

1. Code Runner
   • اجرای سریع کدهای زبان‌های مختلف بدون نیاز به تنظیمات خاص.
   • 
2. LeetCode
   • حل مسائل برنامه‌نویسی و الگوریتم‌ها به صورت مستقیم در VS Code.
   • 
3. Markdown All in One
   • ابزار پیشرفته برای نوشتن و پیش‌نمایش فایل‌های Markdown.
   • 

چطور افزونه نصب کنیم؟

1. در VS Code روی Extensions (آیکون چهارم از نوار کناری) کلیک کنید.
2. نام افزونه مورد نظر را جستجو کنید.
3. روی Install کلیک کنید و افزونه را فعال کنید.