آموزش Visual Studio Code

آموزش Visual Studio Code، آموزش VS Code، Visual Studio Code چیست 1404/10/7
نویسنده: مدرس بهمن آبادی

آموزش Visual Studio Code

آموزش ویژال استودیو کد

راهنمای کامل استفاده از محبوب‌ترین ویرایشگر کد دنیا

مقدمه

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

این ابزار سبک، سریع و بسیار قدرتمند است و تقریباً از تمام زبان‌های برنامه‌نویسی پشتیبانی می‌کند.

Visual Studio Code چیست؟

Visual Studio Code یک Code Editor (ویرایشگر کد) است، نه یک IDE سنگین.
اما به کمک افزونه‌ها (Extensions) می‌تواند دقیقاً مانند یک IDE حرفه‌ای عمل کند.

ویژگی‌های اصلی:

  • رایگان و متن‌باز (Open Source)

  • چندسکویی (Windows، Linux، macOS)

  • پشتیبانی از زبان‌های مختلف

  • قابلیت شخصی‌سازی بسیار بالا

نصب Visual Studio Code

  1. دانلود از سایت رسمی

  2. نصب ساده (Next → Next)

  3. اجرای برنامه

⚠️ نکته:
در ویندوز حتماً گزینه Add to PATH را هنگام نصب فعال کنید.

https://code.visualstudio.com/download

آشنایی با محیط VS Code

پس از اجرای VS Code با بخش‌های زیر روبه‌رو می‌شوید:

1️⃣ Explorer

مدیریت فایل‌ها و پوشه‌های پروژه

2️⃣ Editor

محل نوشتن کد

3️⃣ Terminal

ترمینال داخلی برای اجرای دستورات (Git، Python، Node و …)

4️⃣ Status Bar

نمایش اطلاعات فایل، زبان برنامه‌نویسی و خطاها

نصب افزونه‌ها (Extensions)

قدرت اصلی VS Code در افزونه‌های آن است.

مسیر نصب:

  • کلید میانبر: Ctrl + Shift + X

  • جستجوی نام افزونه

  • Install

افزونه‌های پیشنهادی:

  • Python

  • C#

  • Prettier

  • GitLens

  • Live Server

  • IntelliSense

تنظیم زبان برنامه‌نویسی

VS Code به‌صورت خودکار زبان فایل را تشخیص می‌دهد.
همچنین می‌توان از پایین صفحه زبان را تغییر داد.

مثال:

  • .py → Python

  • .cs → C#

  • .js → JavaScript

اجرای کد در VS Code

مثال پایتون:

  1. نصب Python روی سیستم

  2. نصب افزونه Python

  3. اجرای فایل با:

    • دکمه Run

    • یا ترمینال:

python file.py

مثال C#:

  • استفاده از .NET SDK

  • اجرای پروژه با dotnet run

Git و کنترل نسخه

VS Code به‌صورت پیش‌فرض از Git پشتیبانی می‌کند:

  • Commit

  • Push / Pull

  • Branch

  • مشاهده تغییرات فایل‌ها

این قابلیت برای پروژه‌های تیمی بسیار حیاتی است.

شخصی‌سازی محیط

VS Code کاملاً قابل شخصی‌سازی است:

  • تغییر Theme (Dark / Light)

  • تغییر Font

  • تنظیم Keybinding

  • تنظیمات JSON

این موضوع باعث افزایش تمرکز و بهره‌وری می‌شود.

VS Code مناسب چه کسانی است؟

  • مبتدیان برنامه‌نویسی

  • مدرسین و تولیدکنندگان محتوا

  • توسعه‌دهندگان وب

  • برنامه‌نویسان پایتون، C#، JavaScript

  • تیم‌های نرم‌افزاری

شورت کات vs code

شورت‌کات‌های عمومی

  • باز کردن Command Palette → Ctrl + Shift + P

  • باز کردن تنظیمات → Ctrl + ,

  • باز کردن فایل → Ctrl + O

  • باز کردن پوشه → Ctrl + K سپس Ctrl + O

  • ذخیره فایل → Ctrl + S

  • ذخیره همه فایل‌ها → Ctrl + K سپس S

  • بستن فایل → Ctrl + W

  • خروج از VS Code → Ctrl + Q

مدیریت فایل و تب‌ها

  • رفتن به تب بعدی → Ctrl + Tab

  • رفتن به تب قبلی → Ctrl + Shift + Tab

  • بستن همه تب‌ها → Ctrl + K سپس Ctrl + W

  • پین کردن تب → Ctrl + K سپس Enter

ویرایش متن

  • Undo → Ctrl + Z

  • Redo → Ctrl + Y

  • کپی → Ctrl + C

  • برش → Ctrl + X

  • چسباندن → Ctrl + V

  • انتخاب همه → Ctrl + A

  • حذف خط → Ctrl + Shift + K

  • کپی خط به پایین → Shift + Alt + ↓

  • کپی خط به بالا → Shift + Alt + ↑

  • جابه‌جایی خط → Alt + ↑ / ↓

انتخاب (Selection)

  • انتخاب کلمه → Ctrl + D

  • انتخاب همه موارد مشابه → Ctrl + Shift + L

  • انتخاب ستون (چند کرسر) → Alt + کلیک

  • اضافه کردن کرسر → Ctrl + Alt + ↑ / ↓

  • گسترش انتخاب → Shift + Alt + →

  • کاهش انتخاب → Shift + Alt + ←

جستجو و جایگزینی

  • جستجو در فایل → Ctrl + F

  • جایگزینی در فایل → Ctrl + H

  • جستجو در کل پروژه → Ctrl + Shift + F

  • جایگزینی در پروژه → Ctrl + Shift + H

ناوبری و کدنویسی

  • رفتن به تعریف (Go to Definition) → F12

  • پیش‌نمایش تعریف → Alt + F12

  • رفتن به خط → Ctrl + G

  • رفتن به فایل → Ctrl + P

  • رفتن به Symbol → Ctrl + Shift + O

  • رفتن به Reference → Shift + F12

  • بازگشت به موقعیت قبل → Alt + ←

  • رفتن به موقعیت بعد → Alt + →

فرمت و خوانایی کد

  • فرمت کل فایل → Shift + Alt + F

  • فرمت انتخاب → Ctrl + K سپس Ctrl + F

  • کامنت خطی → Ctrl + /

  • کامنت بلاکی → Shift + Alt + A

  • Fold کد → Ctrl + Shift + [

  • Unfold کد → Ctrl + Shift + ]

پنل‌ها و نماها

  • Explorer → Ctrl + Shift + E

  • Search → Ctrl + Shift + F

  • Source Control (Git) → Ctrl + Shift + G

  • Run & Debug → Ctrl + Shift + D

  • Extensions → Ctrl + Shift + X

  • ترمینال → `Ctrl + ``

  • ترمینال جدید → `Ctrl + Shift + ``

  • بستن پنل → Ctrl + J

مدیریت پنجره‌ها (Split)

  • تقسیم ویرایشگر → Ctrl + \

  • رفتن بین Splitها → Ctrl + 1 / 2 / 3

  • جابه‌جایی فایل بین Splitها → Ctrl + K سپس ← / →

دیباگ

  • شروع / ادامه Debug → F5

  • توقف Debug → Shift + F5

  • Step Over → F10

  • Step Into → F11

  • Step Out → Shift + F11

  • Toggle Breakpoint → F9

Git

  • Stage تغییرات → Ctrl + Shift + G سپس Stage

  • Commit → Ctrl + Enter

  • Pull / Push از Command Palette → Ctrl + Shift + P

جمع‌بندی

Visual Studio Code ترکیبی از سادگی، قدرت و انعطاف‌پذیری است.
ابزاری که هم برای شروع یادگیری برنامه‌نویسی مناسب است و هم برای پروژه‌های حرفه‌ای.

اگر قرار باشد فقط یک ویرایشگر کد یاد بگیرید، VS Code بهترین انتخاب است.