تثبيت Angular ومطتلباته.

لتنصيب angular النسخة  بشكل مستقر ودون مشاكل عليك بتنصيب هده الادوات وبنسخها وليس بنسخ اخرى حتى لاتجد مشاكل واخطاء

المتطلبات

1. سنحتاج الى بيئة nodejs النسخة الاخيرة .

2. سنحتاج الى الكونسول  angular/cli  .

3. سنحتاج الى المحرر الدي نكتب عليه الاكواد ولنقل الاكثر شعبية والمعروف على الساحة الدولية مثلا Visual Studio Code

1.nodejs

Windows X86	Windows X64
node-v10.16.0-x86.msi	node-v10.16.0-x64.msi

التنصيب كلاسيكي اتبع الخطوات  ...next..,next  وخليه يسطب البيئة .المهم انك تاخد بالك من تحديد النسخ حتى نتجنب الحصول على الاخطاء 

بعد التنصيب لبيئة النود نستطيع ان نجرب اذا كل شيء على مايرام عبر الكونسول (command prompt) او ال (terminal ) ادا كنت  تستعمل لنكس وجرب اكتب هده التعليمة لنرى هل يتعرف النظام على الـ package manager  

npm

من لايعرف فتح سطر الأوامر command propt يضغط زر windows  +R ثم يكتب بنافدة التنفيد كلمة cmd




الان بعد اعادة تشغيل الجهاز واعادة كتابة التعليمة npm  على الكونسول يفترض ان النظام سيتعرف على النود ويعطيك نسخة الـ package manager التي بحدود 

2.َ angular-cli

سنقوم بتنصيب منصة  angular/cli   التي ستمكننا من تشغيل angular  .

 افتح  command prompt    ونفد الأمر التالي  كما هو .وانتظرعملية  تصدير البيانات 

npm install -g @angular/cli

بعدما يكمل تنزيل  نتأكد  اذا كل شيء على مايرام

ng --version

النتيجة

من المفترض انه يظهر لك هدا الرد حتى نضمن ان التنصيب قد تم بنجاح

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 7.3.9
Node: 10.15.1
OS: win32 x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.13.9
@angular-devkit/core         7.3.9
@angular-devkit/schematics   7.3.9
@schematics/angular          7.3.9
@schematics/update           0.13.9
rxjs                         6.3.3
typescript                   3.2.4

3. Visual Studio Code

Visual Studio Code عبارة عن محرر للكود الدي سنستخدمه  حيث يسمح لنا بالتعرف على تقنية typescript  خلينا نختصرها بالـ (ts) الدي يعتمد عليها angular   . 
الـ Typscript  هي شبه لغة جديدة كائنية التوجه يمكن ان نقول ان ts عبارة عن لغة هجينة مبنية على javascript  . فتقنية ts أساسا لاتختلف عن js كثيرا من حيث المبدأ الا أنها كائنية التوجه يعني فيها classes وobjects  ووراثة وinterfaces حيث ان تقنية الكائنية التوجه لم نعهدها في جافاسكريت الا ان typescript  هي في الاساس مبنية على الجافاسكريت بالنهاية  والكود الدي تكتبه بالـ typescript  في نهاية المطاف سوف يترجمه الانجولار الى اكواد javascript

بالمختصر المفيد  تكنولوجيا typescript جائت لتسهل عليك كتابة الكود وتنظيمه كما انه يدعم تقنية (oop) الكائنية التوجه التي لم يعد من الممك الاستغناء عنها خصوصا بالمشاريع الحالية المكثفة بالكود والادوات

 التحميل  download