محتوى الدورة
دروس تطوير الويب والشهادات

خطوات التثبيت (Step-by-Step)

1. تحميل ملف التثبيت

  • توجه إلى الموقع الرسمي: code.visualstudio.com.

  • اضغط على زر “Download for Windows”. سيبدأ تحميل ملف بصيغة .exe.

2. معالج التثبيت (Installation Wizard)

بمجرد فتح الملف، اتبع الخطوات التالية بعناية، خاصة في “الخيارات الإضافية”:

  • الموافقة على الرخص: اختر “I accept the agreement”.

  • اختيار المسار: يمكنك تركه كما هو افتراضياً.

  • الخيارات الهامة (Select Additional Tasks): يُنصح بشدة بتفعيل الخيارات التالية:

    • Add “Open with Code” to Windows Explorer context menu: لتتمكن من فتح أي مجلد برمجياً بضغطة زر يمين.

    • Add to PATH: (مهم جداً) لكي تتمكن من تشغيل البرنامج عبر واجهة الأوامر (Terminal) بكتابة كلمة code.

3. إنهاء التثبيت

  • اضغط على Install، ثم Finish لفتح البرنامج لأول مرة.


الإعدادات الأولية للمطورين

بعد فتح البرنامج، يفضل القيام ببعض اللمسات لتسهيل عملك:

أ. تثبيت الإضافات (Extensions)

اضغط على أيقونة المربعات في الجانب الأيسر (أو Ctrl+Shift+X) وابحث عن:

  • Arabic Language Pack: إذا كنت تفضل واجهة البرنامج باللغة العربية.

  • Prettier: لتنسيق الكود تلقائياً وجعله منظماً.

  • Live Server: لرؤية تغييرات مواقع الويب فور حفظها (مهم جداً لمطوري الويب).

  • IntelliCode: للحصول على اقتراحات ذكية أثناء الكتابة بناءً على الذكاء الاصطناعي.

ب. اختيار المظهر (Theme)

يمكنك تغيير الألوان عبر الضغط على Ctrl+K ثم Ctrl+T. المظهر الداكن (Dark Mode) هو المفضل دائماً لراحة العين أثناء البرمجة الطويلة.


كيف تتأكد من أن كل شيء يعمل؟

  1. افتح واجهة الأوامر (CMD) أو PowerShell.

  2. اكتب الأمر التالي:

    Bash

     
    code .
    
  3. إذا فتح البرنامج تلقائياً على المجلد الحالي، فهذا يعني أن عملية التثبيت تمت بنجاح وبشكل احترافي.


نصيحة للمبتدئين: لا ترتبك من كثرة الأزرار والخيارات في البداية؛ مع الوقت ستصبح اختصارات لوحة المفاتيح هي لغتك الثانية داخل هذا المحرر.