0.2تثبيت Node.js و npm وإعداد VS Code
الأساسي في 30 ثانية
- تثبيت Node يجلب Node مع npm معًا : الملف التنفيذي الذي يُشغِّل سكربتاتك ومدير الحزم (Packages).
- اختر LTS الحالية : نسخة مستقرة ومدعومة طويلًا، متوافقة مع المنظومة — لا Current غير المستقرة.
- تحقَّق ثم جهِّز : أوامر النسخة في الطرفية، ثم VS Code مع طرفية مدمجة وإضافات.
حالة مستمرة — ساليم يُجهِّز محطته في الجزائر
ساليم، مطوّر مبتدئ في الجزائر، يستلم أول محطة له: حاسوب محمول فارغ. يُثبِّت LTS الحالية لـ Node (مع npm المضمَّن)، ويتحقّق في الطرفية من استجابة أمرَي النسخة، ويُثبِّت VS Code، ويفتح فيه مجلده ويرصد الطرفية المدمجة. ويضيف إضافتين للجودة والتنسيق. وفي نهاية اليوم، بطاقة «المحطة جاهزة» مؤشَّر عليها: Node LTS وnpm وVS Code وطرفية عاملة — يمكنه البرمجة كما في الظروف الحقيقية.
حالة مستقلة لهذا القسم: تعود في الدرس والمخطط والنص الجاهز وتحدي 48 ساعة للقسم 0.2.
1. Node مع npm، بنسخة LTS الحالية
يجلب تثبيت Node أداتين: Node (الملف التنفيذي الذي يُشغِّل سكربتاتك) وnpm (مدير الحزم (Packages)، المُثبَّت تلقائيًا). اختر LTS الحالية (الدعم طويل الأمد): مستقرة ومدعومة طويلًا، وهي نسخة الإنتاج والتعلّم. أما نسخة Current فأحدث لكن أقل استقرارًا، مخصّصة لاختبار الجديد. طريقتان للتثبيت: المثبِّت الرسمي (بسيط، مثالي للبدء) أو مدير نسخ مثل nvm (نسخ عدة جنبًا إلى جنب، مفيد عندما تتطلّب المشاريع نسخًا مختلفة). اختار ساليم المثبِّت الرسمي للبدء.
2. التحقّق في الطرفية
بعد التثبيت، نتحقّق في الطرفية: يجب أن يعرض أمرا نسخة Node وnpm رقمين — دليل أن Node في PATH. وإن لم يستجيبا، فالتثبيت أو PATH هو ما يجب إصلاحه قبل البرمجة، لا الشيفرة نفسها. يكتب ساليم الأمرين في الجزائر، فيرى رقمين يظهران، ويعرف أن سلسلة تنفيذه جاهزة. فالطرفية ليست خيارًا في Node: فهناك نُشغِّل node وnpm يوميًا.
3. إعداد VS Code كالمحترفين
في المحرّر، VS Code هو المعيار: مجاني، دعم JavaScript مدمج، طرفية مدمجة، إضافات (ESLint للجودة، وPrettier للتنسيق). يفتح ساليم فيه مجلد مشروعه، ويفتح الطرفية المدمجة في النافذة نفسها، ويضيف الإضافتين. فالثلاثي Node LTS مع npm وVS Code هو محطة عمل مطوّر Node: مضبوطة جيدًا منذ البداية، تتجنّب احتكاكات الأسابيع الأولى.
🔎 مثال ملموس — 🔎 مثال ملموس — التحقّق من التثبيت
node --version
npm --version
node -e "console.log('Poste OK : ' + process.version)"القراءة : يرى ساليم رقمين ثم «Poste OK»: فـ Node تستجيب وتُنفِّذ JS.
الدرس : إن لم يستجب أمر، أصلِح التثبيت أو PATH قبل أي شيفرة.
مفردات القسم
- Node مع npm
- يجلب تثبيت Node الملف التنفيذي Node (الذي يُشغِّل سكربتاتك) وnpm (مدير الحزم)، مُثبَّتين معًا.
مثال بسيط: يُثبِّت ساليم Node فيحصل على npm دون خطوة إضافية.
ما ليس كذلك: برنامجان لا علاقة بينهما يُثبَّتان منفصلين.
رد فعل: بعد كل تثبيت، تحقَّق من أمرَي النسخة.
- LTS مقابل Current
- LTS الحالية: مستقرة ومدعومة طويلًا، تُفضَّل؛ Current: أحدث لكن أقل استقرارًا، لاختبار الجديد.
مثال بسيط: يختار ساليم LTS الحالية ليتعلّم ويُنتِج بهدوء.
ما ليس كذلك: نسخة في نهاية عمرها دون تصحيحات أمنية.
رد فعل: خُذ LTS الحالية إلا لسبب دقيق يدعو لغير ذلك.
- nvm (مدير نسخ Node)
- أداة تُثبِّت نسخًا عدة من Node جنبًا إلى جنب وتتيح التبديل بينها.
مثال بسيط: لاحقًا، سيستخدم ساليم nvm عندما يتطلّب مشروعان نسختين مختلفتين.
ما ليس كذلك: المثبِّت الرسمي الذي لا يدير سوى نسخة واحدة في كل مرة.
رد فعل: انتقل إلى nvm فور التنقّل بين المشاريع.
- الطرفية / PATH
- الطرفية حيث نُشغِّل node وnpm؛ وإن استجاب أمرا النسخة فـ Node في PATH فعلًا.
مثال بسيط: يتحقّق ساليم من PATH برؤية الرقمين يظهران في الجزائر.
ما ليس كذلك: المحرّر وحده، دون طرفية.
رد فعل: أمام أمر مجهول، تحقَّق من PATH قبل اتهام الشيفرة.
- VS Code
- المحرّر المعياري لـ Node وJavaScript: مجاني، دعم JS مدمج، طرفية مدمجة، إضافات الجودة والتنسيق.
مثال بسيط: يُحرِّر ساليم من جهة ويُشغِّل node من جهة أخرى، دون مغادرة VS Code.
ما ليس كذلك: مجرّد دفتر ملاحظات دون طرفية أو إضافات.
رد فعل: اعمل بمجلد مفتوح + طرفية مدمجة + ESLint وPrettier.
في التطبيق — عمليًا — ثبِّت محطة Node وأعِدّها
- ثبِّت Node بنسخة LTS الحالية (المثبِّت الرسمي، أو nvm إن أردت إدارة نسخ عدة).
- تحقَّق في الطرفية: يجب أن يعرض أمرا نسخة Node وnpm رقمين.
- ثبِّت VS Code، وافتح فيه مجلد مشروع ورصِد الطرفية المدمجة.
- أضف الإضافات المفيدة (ESLint للجودة، وPrettier للتنسيق التلقائي).
نص جاهز — أعلِن محطتك جاهزة (30 ثانية)
«المحطة جاهزة: ثبَّتُّ LTS الحالية، وNode وnpm يستجيبان في الطرفية، وVS Code مُعَدّ مع الطرفية المدمجة وESLint وPrettier. يمكنني تشغيل سكربتاتنا تمامًا كما في الإنتاج.»
يُقال مع عرض رقمَي النسخة الظاهرين في الطرفية المدمجة.
نموذج نسخ ولصق — تحقَّق من محطتك بلغة JS
console.log("Node : " + process.version);
console.log("Dossier : " + __dirname);
console.log("Arguments : " + JSON.stringify(process.argv.slice(2)));
console.log("Poste de Salim : OK");محطة Windows
تحت Windows: بعد المثبِّت الرسمي، أعد فتح الطرفية ثم تحقَّق من النسختين؛ واستخدم الطرفية المدمجة في VS Code للبقاء في مجلد المشروع.
محطة macOS / Linux
مع nvm: ثبِّت LTS الحالية، وبدِّل إليها افتراضيًا، ثم تحقَّق من النسختين قبل فتح VS Code.
قاعة مشتركة في الجزائر
يدوِّن ساليم LTS المُثبَّتة على بطاقة المحطة المشتركة في الجزائر: يتحقّق كل واحد من النسخ عند الوصول، دون إعادة تثبيت عمياء.
استدراك PATH
أمر غير موجود: أعد التثبيت عبر المثبِّت الرسمي (خانة PATH مُعلَّمة) أو أعد تحميل صدفة nvm، ثم أعد التحقّق قبل لمس الشيفرة.
✓ ممارسات جيدة
- ثبِّت LTS الحالية (مستقرة ومتوافقة مع منظومة npm).
- تحقَّق من أمرَي النسخة قبل البرمجة.
- استخدم الطرفية المدمجة في VS Code مع ESLint وPrettier.
✗ أخطاء شائعة
- أخذ نسخة Current غير مستقرة للتعلّم.
- الاحتفاظ بـ LTS في نهاية عمرها دون تصحيحات أمنية.
- الهروب من الطرفية مع أنها لا غنى عنها في Node.
النقاط الأساسية
- يجلب تثبيت Node كلًّا من Node (يُنفِّذ سكربتاتك) وnpm (مدير الحزم) معًا؛ وفضِّل LTS الحالية.
- تحقَّق من التثبيت في الطرفية: يجب أن يستجيب أمرا النسخة (Node في PATH).
- يتيح nvm تثبيت نسخ عدة والتبديل بينها — ثمين مهنيًا؛ والمثبِّت الرسمي يكفي للبدء.
- VS Code = المحرّر المعياري (دعم JS، طرفية مدمجة، ESLint وPrettier): ثلاثي محطة Node.
تحدي 48 ساعة — طبِّق غدًا
ثبِّت LTS الحالية، واعرض النسختين في الطرفية المدمجة لـ VS Code، وشغِّل نموذج التحقّق بلغة JS لساليم.
- تعرض محطتي النسختين (Node LTS مع npm).
- فتحت مجلدًا في VS Code مع الطرفية المدمجة.
- ESLint وPrettier مُثبَّتان والنموذج بلغة JS يُنفَّذ.
أسئلة شائعة
لماذا تختار نسخة LTS بدل آخر نسخة متاحة؟
فـ LTS الحالية (الدعم طويل الأمد) مستقرة ومُختبَرة ومدعومة طويلًا: تصحيحات أمنية دون تغييرات كاسرة، وحزم npm مُختبَرة عليها، ومواءمة مع الشركات والدروس. أما Current فتحمل الجديد لكنها أقل استقرارًا وأقصر دعمًا — للاختبار المسبَق، لا للتعلّم أو الإنتاج. خُذ LTS الحالية، وفكِّر في الانتقال قبل نهاية عمرها (لا تصحيحات بعدها). فـ «الأحدث» ليس دائمًا «الأفضل»: الاستقرار والدعم أولًا.
هل يجب تعلّم استخدام الطرفية، أم يمكن فعل كل شيء في VS Code؟
يجب تعلّم الطرفية: تشغيل سكربت، تثبيت حزمة، التحقّق من نسخة — كل ذلك يمرّ بسطر الأوامر، دون بديل نقري كامل، وهي معيار المهنة (Git والنشر وخوادم بلا واجهة غالبًا). والخبر الجيّد: أوامر قليلة تكفي للبدء (التنقّل، العرض، تشغيل node وnpm، التحقّق من النسخ). ويُلطِّف VS Code ذلك بطرفيته المدمجة المفتوحة في مجلد المشروع: تُحرِّر من جهة وتُشغِّل من جهة أخرى. وفي أيام قليلة، تصير طبيعية.
أي نسخة Node تُفضَّل للتعلّم والإنتاج؟