العودة إلى الدورة

إعداد بيئة التطوير (Node, NPM, CLI)

مطور Angular الشامل: من الصفر إلى الاحتراف

4. إعداد بيئة التطوير

لبناء تطبيقات Angular، نحتاج إلى Node.js، و npm (مدير حزم Node)، وواجهة سطر أوامر Angular (CLI).

1. تثبيت Node.js و NPM

يتطلب Angular إصدار LTS (الدعم طويل الأجل) حديث ونشط من Node.js. يأتي npm مدمجاً مع Node.js.

  • قم بتنزيل وتثبيت Node.js من الموقع الرسمي.
  • تحقق من التثبيت في جهازك الطرفي (terminal): bash node -v npm -v

2. تثبيت Angular CLI

Angular CLI هي أداة سطر أوامر تساعدك على إنشاء وتطوير وصيانة تطبيقات Angular. إنها تتعامل مع عمليات التهيئة (Configuration)، وعمليات البناء (Build processes)، وتوليد التعليمات البرمجية النمطية (boilerplate code).

قم بتثبيت CLI عالمياً باستخدام npm:

bash npm install -g @angular/cli

3. التحقق من تثبيت Angular CLI

تحقق من الإصدار لتأكيد التثبيت الناجح:

bash ng version

4. إعداد محرر التعليمات البرمجية

على الرغم من أن أي محرر يعمل، يوصى بشدة باستخدام Visual Studio Code (VS Code) نظراً لدعمه الممتاز لـ TypeScript وتكامله مع أدوات Angular.

إضافات VS Code الموصى بها:

  • Angular Language Service
  • Prettier (لتنسيق التعليمات البرمجية)

بمجرد إعداد Node و NPM و Angular CLI، تصبح جاهزاً لإنشاء مشروعك الأول.