جارٍ التحميل…Loading…Cargando…Carregando…Chargement…
دليل تثبيت وتهيئة محرر الأكواد العالمي Visual Studio Code، وتثبيت أهم إضافات المطورين لتنسيق الأكواد وكشف الأخطاء واختصارات لوحة المفاتيح السحرية.
3 خطوات6 دقائق قراءةبواسطة Admin
يتربع برنامج فيجوال ستوديو كود (Visual Studio Code - VS Code) من شركة مايكروسوفت على قمة محررات الأكواد في العالم بنسبة استخدام تتجاوز 74% وفق استطلاعات منصة Stack Overflow؛ فهو محرر مجاني وخفيف وسريع للغاية يدعم كافة لغات البرمجة الحديثة مثل JavaScript و Python و PHP و HTML/CSS عبر متجر ضخم يضم آلاف الإضافات المفتوحة المصدر.
لكن تثبيت البرنامج بمظهره الافتراضي الخام لا يمنحك التجربة المثالية؛ حيث تكمن القوة الحقيقية في تهيئة بيئة العمل، وتفعيل التنسيق التلقائي للكود عند الحفظ، واستخدام اختصارات لوحة المفاتيح التي توفر عليك ساعات من الكتابة اليدوية. نستعرض هنا التهيئة الاحترافية الكاملة.
توجه إلى الموقع الرسمي code.visualstudio.com وحمل نسخة النظام الخاص بك. أثناء عملية التثبيت على نظام ويندوز: تأكد تماماً من وضع علامة صح على خياري: "Add 'Open with Code' action to Windows Explorer file context menu" و "directory context menu"؛ فهذان الخياران يتيحان لك النقر بزر الفأرة الأيمن على أي مجلد مشروع على حاسوبك وفتحه مباشرة في ثانية واحدة داخل المحرر.
النتيجة المتوقعة: تثبيت سليم ودمج كامل لأوامر المحرر مع مدير ملفات نظام التشغيل
افتح قائمة الإضافات بالضغط على Ctrl + Shift + X وثبت الإضافات الأساسية التالية: Prettier (لتنسيق الكود والمسافات آلياً)، Live Server (لتشغيل صفحات الويب وتحديثها تلقائياً عند التعديل)، Auto Rename Tag (لتعديل وسوم HTML معاً)، و ESLint (لكشف الأخطاء البرمجية). ثم افتح الإعدادات (Ctrl + ,) وابحث عن Format on Save وقم بتفعيل المربع لترتيب كودك في كل مرة تضغط فيها Ctrl + S.
النتيجة المتوقعة: بيئة تطوير متناسقة الأكواد وخالية من الأخطاء التنسيقية المزعجة تلقائياً
وفر وقتك بالاعتماد على اختصارات المحترفين: اضغط Ctrl + P للبحث السريع عن أي ملف وفتحه بالاسم، واضغط Ctrl + Shift + P لفتح لوحة الأوامر الشاملة (Command Palette). لفتح التيرمينال الداخلي دون مغادرة المحرر اضغط على Ctrl + ` (زر الذال)؛ لتشغيل أوامر npm و Git و Python مباشرة بجوار الكود في شاشة واحدة متكاملة.
النتيجة المتوقعة: بيئة برمجية صاروخية جاهزة لتطوير كافة المشاريع باحترافية وسرعة مذهلة
أخبرنا إذا تمكنت من إكمال الخطوات أو ما زلت بحاجة إلى مساعدة.
طريقة استخدام Git من سطر الأوامر وربطه بـ GitHub للمبتدئيندليل أوامر Git الأساسية من سطر الأوامر للمبتدئين، من تهيئة المستودعات وتوثيق التعديلات Commits وحتى رفع الكود ومزامنته مع GitHub والتعامل مع الفروع.
خارطة طريق تعلم جافاسكريبت JavaScript للمبتدئيندليل وخارطة طريق تعلم لغة جافاسكريبت JavaScript من الصفر للمبتدئين، من المفاهيم الأساسية ودوال ES6 الحديثة وحتى التعامل مع DOM وواجهات الـ APIs وبناء المشاريع.
طريقة رفع موقع على الإنترنت مجاناً بضغطة زردليل استضافة ونشر مواقع الويب وصفحات HTML ومشاريع React و Next.js مجاناً مدى الحياة عبر منصات Vercel و Netlify مع دومين مجاني وتحديث تلقائي عبر GitHub.