تهيئة بيئة العمل المحلية وتثبيت Node.js و npm
| الأداة التقنية | دورها الجوهري في بيئة العمل | كيف يتأكد المطور من سلامة تثبيتها |
|---|---|---|
| Node.js | البيئة الأساسية لتشغيل أكواد جافا سكريبت خارج المتصفح وبناء حزم المشروع | عبر كتابة الأمر node -v في موجه الأوامر لتوليد رقم الإصدار الحالي |
| npm | مدير الحزم والأدوات المسؤول عن تحميل المكتبات الخارجية وإدارة اعتماديات الكود | عبر كتابة الأمر npm -v للتأكد من جاهزيته لجلب حزم ريأكت |
لكي تبدأ بكتابة أكواد React وتوليد مشاريع احترافية على جهازك الشخصي، لا يكفي فتح المتصفح لكتابة كود تقليدي. ريأكت الحديثة تعتمد على مهندسي أدوات ومنظومة بناء متكاملة تحتاج إلى محرك تشغيل على حاسوبك.
في هذا الدرس، سنقوم بتهيئة الأرضية الصلبة التي ستقف عليها طوال مسيرتك البرمجية عبر تثبيت الأداة الحتمية لكل مطور ويب: Node.js.
بشكل افتراضي، لا تستطيع جافا سكريبت العمل إلا داخل أسوار المتصفح (مثل كروم أو فايرفوكس). جاءت Node.js لتقوم بتحرير جافا سكريبت؛ حيث تُعد بيئة تشغيل (Runtime Environment) تسمح لنا بتشغيل أكواد جافا سكريبت مباشرة على نظام التشغيل الخاص بجهازك (ويندوز، ماك، أو لينكس) تماماً مثل بايثون أو C++.
ℹ️ معلومة
علاقتها بريأكت: نحن لا نستخدم Node.js لكتابة كود ريأكت نفسه، بل نحتاجها لأن أدوات بناء ومترجمات ريأكت الحديثة (مثل تحويل كود JSX إلى كود يفهمه المتصفح، وإدارة الخوادم المحلية للمطورين) هي في الأصل برامج مكتوبة ومبنية فوق بيئة Node.js.
عند تثبيتك لـ Node.js، سيتم تلقائياً وبشكل مدمج تثبيت أداة أخرى تُسمى npm (مختصر Node Package Manager). هذه الأداة هي أضخم مستودع برمجيات في العالم؛ وهي بمثابة "متجر التطبيقات" للمطورين. من خلالها، وبأمر برمي واحد صغيراً جداً، نستطيع جلب وتثبيت مكتبة ريأكت، وأنظمة التوجيه، ومكتبات التنسيق، وأي حزمة كود خارجية نحتاجها في مشروعنا دون الحاجة لتحميلها يدوياً من المواقع.
⚠️ تحذير
اختر دائما إصدار LTS المستقر
اذهب إلى الموقع الرسمي لـ Node.js وقم بتحميل الإصدار المكتوب بجانبه LTS (مختصر Long Term Support). هذا الإصدار هو الأكثر استقراراً وأماناً للمشاريع البرمجية.
ℹ️ معلومة
اتبع معالج التثبيت الافتراضي
قم بفتح الملف المحمل واضغط على Next في جميع المراحل مع الإبقاء على الخيارات الافتراضية كما هي، وتأكد من الموافقة على إضافة مسار البرنامج للنظام (Add to PATH).
💡 نصيحة
تأكد من نجاح التثبيت برمجيا
قم بفتح مبوب الأوامر في جهازك (Terminal في الماك، أو Command Prompt / PowerShell في الويندوز)، واكتب الأوامر التالية بالترتيب للتحقق من أن جهازك تعرف على الأدوات بنجاح.
بعد إتمام التثبيت، اكتب هذه الأوامر في موجه الأوامر للتأكد من إرجاع رقم الإصدار الفعلي:
| 1 | # التحقق من تثبيت بيئة نود بنجاح |
| 2 | node -v |
| 3 | # المخرجات المتوقعة (تختلف الأرقام حسب وقت التثبيت): v22.x.x أو أحدث |
| 4 | |
| 5 | # التحقق من تثبيت مدير الحزم بنجاح |
| 6 | npm -v |
| 7 | # المخرجات المتوقعة: 10.x.x أو أحدث |